HTML DOM Element setAttributeNode() methode

Definitie en gebruik

setAttributeNode() Voeg de opgegeven eigenschap van het element toe en retourneer het Attribute-object.

Als deze opgegeven eigenschap al bestaat, vervangt deze methode het.

Alternatieve oplossing:

Gebruik setAttribute() methode Eenvoudiger.

Zie ook:

Referentiemanual:

getAttributeNode() methode

removeAttributeNode() methode

createAttribute() methode

getAttribute() methode

setAttribute() methode

hasAttribute() methode

Attribute value eigenschap

HTML DOM Attribute-object

Handleiding:

HTML Attribute

Het verschil tussen setAttribute() en setAttributeNode()

setAttribute() Methode om de eigenschapswaarde te vervangen.

setAttributeNode() Methode om Attribute-object te vervangen.

Voordat u de eigenschap aan het element toevoegt, moet u een Attr-object maken en de Attr-waarde instellen.

Het resultaat zal hetzelfde zijn.

Voorbeeld

Voorbeeld 1

Stel de class eigenschap van het eerste <h1> element in:

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

Probeer het zelf

Voor het instellen:

Hello World

Na instellen:

Hello World

Voorbeeld 2

Stel de href-eigenschapsknoop van het <a>-element in:

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

Probeer het zelf

Voor het instellen:

Bezoek codew3c.com

Na instellen:

Bezoek codew3c.com

Syntax

element.setAttributeNode(newAttr)

Parameter

Parameter Beschrijving
newAttr Verplicht. Vertegenwoordigt de Attr-knoop die moet worden toegevoegd, of de waarde van de eigenschap die moet worden gewijzigd.

Retourwaarde

Type Beschrijving
Object

Vertegenwoordigt de Attr-object van de vervangen eigenschapsknoop.

Is null als geen eigenschap is vervangen.

Goed

Deze methode gooit een DOMException-uitzondering met de volgende code:

Uitzondering Beschrijving
INUSE_ATTRIBUTE_ERR newAttr Het is al een lid van de eigenschapsverzameling van een andere Element-knoop.
NO_MODIFICATION_ALLOWED_ERR De huidige Element-knoop is alleen lezen, het wijzigen van zijn eigenschappen is niet toegestaan.
WRONG_DOCUMENT_ERR newAttr de eigenschap ownerDocument is verschillend van het Element-knoop dat het moet instellen.

Browserondersteuning

element.setAttributeNode() is een kenmerk van DOM Level 1 (1998).

Ondersteund door alle browsers:

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