THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

XML DOM setAttribute() Method


Element Object Reference Element Object

Example

The following code fragment loads "books.xml" into xmlDoc and adds an "edition" attribute to all <book> elements:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var x, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName('title');
    // Add a new attribute to each title element
    for (i = 0; i < x.length; i++) {
        x[i].setAttribute("edition", "first");
    }
    // Output titles and edition value
    for (i = 0; i < x.length; i++) {
        txt += x[i].childNodes[0].nodeValue +
        " - Edition: " +
        x[i].getAttribute('edition') + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

Output:

Everyday Italian - Edition: first
Harry Potter - Edition: first
XQuery Kick Start - Edition: first
Learning XML - Edition: first
Try it Yourself »

Definition and Usage

The setAttribute() method adds a new attribute.

If an attribute with that name already exists in the element, its value is changed to be that of the value parameter

Syntax

elementNode.setAttribute(name,value)

Parameter Description
name Required. Specifies the name of the attribute to set
value Required. Specifies the value of the attribute to set

Try-It-Yourself Demos

setAttribute() - Change an attribute's value


Element Object Reference Element Object