XML DOM setAttribute() 方法

定义和使用

setAttribute() 方法添加一个新属性。

如果元素中已经存在具有该名称的属性，则其值将更改为 value 参数的值

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

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

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

语法

elementNode.setAttribute(name,value)

参数

参数	必需的	描述
name	是	指定要设置的属性的名称
value	是	指定要设置的属性的值

示例

以下代码片段将 "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, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName('title');
    // 向每个标题元素添加新属性
    for (i = 0; i < x.length; i++) { 
        x[i].setAttribute("edition","first");    
    }
    // 输出标题和版本值
    for (i = 0; i < x.length; i++) { 
        txt += x[i].childNodes[0].nodeValue + 
        " - Edition: " + 
        x[i].getAttribute('edition') + "<br>";
    }
    document.getElementById("demo").innerHTML = txt; 
}
</script>

</body>
</html>

尝试一下