HTML DOM Element setAttributeNode() -metodi

Määritelmä ja käyttö

setAttributeNode() Tämä metodi lisää määritellyn ominaisuuden solmun elementtiin ja palauttaa Attribute-objektin.

Jos tämä määritelty ominaisuus on jo olemassa, tämä metodi korvaa sen.

Vaihtoehto:

Käytä setAttribute() -metodi Helpompi.

Katso myös:

Viitteet:

getAttributeNode() -metodi

removeAttributeNode() -metodi

createAttribute() -metodi

getAttribute() -metodi

setAttribute() -metodi

hasAttribute() -metodi

Ominaisuuden arvo -ominaisuus

HTML DOM ominaisuuden objekti

Oppitunti:

HTML-ominaisuudet

setAttribute() ja setAttributeNode() ero

setAttribute() Metodi korvaa ominaisuuden arvon.

setAttributeNode() Metodi korvaa Attribute-objektin.

Ennen kuin lisäät ominaisuuden elementtiin, sinun täytyy luoda Attr-objekti ja asettaa sen arvo.

Tulos on sama.

Esimerkki

Esimerkki 1

Aseta ensimmäisen <h1>-elementin class-ominaisuuden solmu:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Kokeile itse

Asetettu ennen:

Hello World

Asetettu jälkeen:

Hello World

Esimerkki 2

Aseta <a>-elementin href-ominaisuus Solmu:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Kokeile itse

Asetettu ennen:

Vierailkaessa codew3c.com

Asetettu jälkeen:

Vierailkaessa codew3c.com

Syntaksi

element.setAttributeNode(newAttr)

Parametrit

Parametrit Kuvaus
newAttr Välttämätön. Edellyttää lisättävää ominaisuutta tai muutettavaa ominaisuutta Attr-solmun.

Palautusarvo

Tyyppi Kuvaus
Objekti

Se edustaa korvattavan ominaisuus Solmun Attr-objekti.

Jos mitään ominaisuuksia ei korvata, se on null.

Heittää

Tämä metodi heittää DOMException-poikkeuksen, joka sisältää seuraavan koodin:

Poikkeus Kuvaus
INUSE_ATTRIBUTE_ERR newAttr Se on jo muiden Elementti-elementtien ominaisuuspaketin jäsen.
NO_MODIFICATION_ALLOWED_ERR Nykyinen Elementti-elementti on luettu, eikä sen ominaisuuksia voida muuttaa.
WRONG_DOCUMENT_ERR newAttr omistajan asiakirjan ominaisuus eroaa siitä, johon sitä halutaan asettaa, Elementti-elementistä.

Selaimen tuki

element.setAttributeNode() 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