XML DOM setAttributeNode() 方法

定义和使用

setAttributeNode() 方法添加一个新的属性节点。

如果元素中已经存在具有该名称的属性，则将其替换为新属性。如果新属性替换了现有属性，则返回被替换的属性节点，否则返回null。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

9.0（包含）以上支持	4.0（包含）以上支持	2.0（包含）以上支持	3.0（包含）以上支持	9.0（包含）以上支持

所有主流的浏览器均支持 setAttributeNode() 方法。

语法

elementNode.setAttributeNode(att_node)

参数

参数	必需的	描述
att_node	是	指定要设置的属性节点

示例

以下代码片段将 "books.xml" 加载到 xmlDoc 中，并向所有<book>元素添加 “edition” 属性：

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
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, y, z, i, xLen, newAtt, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    x = xmlDoc.getElementsByTagName('book');
    xLen = x.length;
    for (i = 0; i < xLen; i++) { 
        newAtt = xmlDoc.createAttribute("edition");
        newAtt.value = "first";
        x[i].setAttributeNode(newAtt);
    }
    // Output all "edition" attribute values    
    txt = "";
    for (i = 0; i < x.length; i++) { 
        txt += "Edition: " + x[i].getAttribute("edition") + "<br>";
    }
    document.getElementById("demo").innerHTML = txt; 
}
</script>

</body>
</html>

尝试一下