HTML DOM setAttribute() Metode
❮ Die elementvoorwerpVoorbeeld
Voeg die klaskenmerk met die waarde van "democlass" by 'n <h1>-element:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
Voordat u die kenmerk instel:
Hello World
Nadat u die kenmerk gestel het:
Hello World
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die setAttribute() metode voeg die gespesifiseerde kenmerk by 'n element, en gee dit die gespesifiseerde waarde.
As die gespesifiseerde kenmerk reeds bestaan, word slegs die waarde gestel/verander.
Let wel: Alhoewel dit moontlik is om die stylkenmerk met 'n waarde by 'n element by te voeg met hierdie metode, word dit aanbeveel dat jy eerder eienskappe van die Styl-objek gebruik vir inlynstilering, want dit sal nie ander CSS-eienskappe wat in gespesifiseer kan word oorskryf nie. die styl kenmerk:
Slegte:
element.setAttribute("style", "background-color: red;");
Goed:
element.style.backgroundColor = "red";
Wenk: Gebruik die removeAttribute() metode om 'n kenmerk van 'n element te verwyder.
Wenk: Sien ook die setAttributeNode() metode.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
| Method | |||||
|---|---|---|---|---|---|
| setAttribute() | Yes | 8.0 | Yes | Yes | Yes |
Sintaksis
element.setAttribute(attributename, attributevalue)
Parameterwaardes
| 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 |
Tegniese besonderhede
| Terugkeerwaarde: | Geen terugkeerwaarde nie |
|---|---|
| DOM weergawe | Kernvlak 1 Elementvoorwerp |
Meer voorbeelde
Voorbeeld
Verander 'n invoerveld na 'n invoerknoppie:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Voordat u die kenmerk instel:
Nadat u die kenmerk gestel het:
Voorbeeld
Voeg 'n href-kenmerk met 'n waarde van "www.w3schools.com" by 'n <a>-element:
document.getElementById("myAnchor").setAttribute("href", "https://www.w3schools.com");
Voordat u die kenmerk instel:
Nadat u die kenmerk gestel het:
Voorbeeld
Vind uit of 'n <a>-element 'n teikenkenmerk het. Indien wel, verander die waarde van die teikenkenmerk 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");
}
Verwante bladsye
HTML-tutoriaal: HTML-kenmerke
HTML DOM Verwysing: getAttribute() Metode
HTML DOM-verwysing: hasAttribute() Metode
HTML DOM Verwysing: removeAttribute() Metode
❮ Die elementvoorwerp