HTML DOM setAttributeNode() Methode

Voorbeeld

Stel het klassekenmerkknooppunt van een <h1>-element in:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

Voordat u het attribuutknooppunt instelt:

Hello World

Na het instellen van het attribuutknooppunt:

Hello World

Meer "Probeer het zelf" voorbeelden hieronder.

Definitie en gebruik

De methode setAttributeNode() voegt het opgegeven kenmerkknooppunt toe aan een element.

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

De retourwaarde van deze methode is een Attr-object. Zie Het HTML DOM-kenmerkobject voor meer informatie .

Zie ook de setAttribute() methode.

Tip: Gebruik de methode removeAttributeNode() om een attribuutknooppunt uit een element te verwijderen.

Browserondersteuning

Method
setAttributeNode()	Yes	Yes	Yes	Yes	Yes

Syntaxis

element.setAttributeNode(attributenode)

Parameterwaarden

Parameter	Type	Description
attributenode	Attr object	Required. The attribute node you want to add

Technische details

Winstwaarde:	Een Attr-object, dat het vervangen attribuutknooppunt vertegenwoordigt, indien aanwezig, anders null
DOM-versie	Kernniveau 1 Element Object

Meer voorbeelden

Voorbeeld

Stel het href-attribuutknooppunt van een <a>-element in:

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "https://www.w3schools.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

Voordat u het attribuutknooppunt instelt:

Go to w3schools.com

Na het instellen van het attribuutknooppunt:

Go to w3schools.com