HTML DOM Element setAttribute() -menetelmä

Määrittely ja käyttö

setAttribute() Menetelmä lisää määritellyn ominaisuuden ja asettaa sille määritellyn arvon.

Jos tämä määritelty ominaisuus on jo olemassa, aseta vain muuta arvoa.

Huomio:HTML-dokumentin HTMLElement-objekti määrittelee myös kaikki vakiolaajuiset HTML-ominaisuudet JavaScript-ominaisuuksina. Siksi tarvitset tätä menetelmää vain, jos haluat asettaa määrittämättömän ominaisuuden.

Katso myös:

Käyttöohje:

getAttribute() -menetelmä

removeAttribute() -menetelmä

hasAttribute() -menetelmä

hasAttributes() -menetelmä

getAttributeNode() -menetelmä

setAttributeNode() -menetelmä

removeAttributeNode() -menetelmä

Ohje:

HTML-ominaisuudet

Esimerkki

Esimerkki 1

Lisää elementille class-ominaisuus：

element.setAttribute("class", "democlass");

Lisätty ennen:

Elementti-objekti

Lisätty jälkeen:

Elementti-objekti

Kokeile itse

Esimerkki 2

Muuta syöttökenttä painikkeeksi:

myInput.setAttribute("type", "button");

Kokeile itse

Muutettu ennen:

Muutettu jälkeen:

Esimerkki 3

Lisää href-ominaisuus <a>-elementtiin:

myAnchor.setAttribute("href", "");

Kokeile itse

Lisätty ennen:

Vieritä codew3c.com

Lisätty jälkeen:

Vieritä codew3c.com

Esimerkki 4

Muuta target-ominaisuuden arvo "_self":

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

Kokeile itse

Syntaksi

element.setAttribute(nimi, arvo)

Parametri

Parametri Kuvaus
nimi Välttämätön. Ominaisuuden nimi.
arvo Välttämätön. Uusi ominaisuuden arvo.

Palautusarvo

Ei mitään.

Heitetään

Poikkeus Kuvaus
INVALID_CHARACTER_ERR Parametri nimi Ei sallita HTML- tai XML-ominaisuuksien nimiin kuuluvia merkkejä.
NO_MODIFICATION_ALLOWED_ERR Nykyinen elementti on lukuinen, eikä sen ominaisuuksia voi muokata.

Huomioitavaa

Voit lisätä elementtiin style-ominaisuuden arvon, mutta ei suositella, koska se voi korvata muut style-ominaisuudet.

Muokkaa sen sijaan Style-objektin ominaisuuksia:

Huono:

element.setAttribute("style", "background-color:red;");

Hyvä:

element.style.backgroundColor = "red";

Selaimen tuki

element.setAttribute() Se on DOM Level 1 (1998) -ominaisuus.

Kaikki selaimet tukevat sitä täysin:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki 9-11 Tuki Tuki Tuki Tuki