Metoda setAttribute() HTML DOM
❮ Objekt prvkuPříklad
Přidejte atribut class s hodnotou "democlass" do prvku <h1>:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
Před nastavením atributu:
Hello World
Po nastavení atributu:
Hello World
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Metoda setAttribute() přidá zadaný atribut k prvku a přidělí mu zadanou hodnotu.
Pokud zadaný atribut již existuje, nastaví/změní se pouze hodnota.
Poznámka: Ačkoli je možné k prvku pomocí této metody přidat atribut style s hodnotou, doporučuje se použít vlastnosti objektu Style místo toho pro inline styling, protože to nepřepíše jiné vlastnosti CSS, které mohou být uvedeny v atribut stylu:
Špatný:
element.setAttribute("style", "background-color: red;");
Dobrý:
element.style.backgroundColor = "red";
Tip: Pomocí metody removeAttribute() odstraňte atribut z prvku.
Tip: Viz také metoda setAttributeNode() .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.
Method | |||||
---|---|---|---|---|---|
setAttribute() | Yes | 8.0 | Yes | Yes | Yes |
Syntax
element.setAttribute(attributename, attributevalue)
Hodnoty parametrů
Parameter | Type | Description |
---|---|---|
attributename | String | Required. The name of the attribute you want to add |
attributevalue | String | Required. The value of the attribute you want to add |
Technické údaje
Návratová hodnota: | Žádná návratová hodnota |
---|---|
Verze DOM | Základní objekt prvku úrovně 1 |
Další příklady
Příklad
Změna vstupního pole na vstupní tlačítko:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Před nastavením atributu:
Po nastavení atributu:
Příklad
Přidejte atribut href s hodnotou „www.w3schools.com“ do prvku <a>:
document.getElementById("myAnchor").setAttribute("href", "https://www.w3schools.com");
Před nastavením atributu:
Po nastavení atributu:
Příklad
Zjistěte, zda má prvek <a> atribut target. Pokud ano, změňte hodnotu cílového atributu na "_self":
// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");
// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}
Související stránky
HTML kurz: HTML atributy
Odkaz HTML DOM: metoda getAttribute() .
Odkaz HTML DOM: metoda hasAttribute().
Odkaz HTML DOM: metoda removeAttribute().
❮ Objekt prvku