XML DOM createElement() 方法

定义和使用

createElement() 方法创建一个元素节点。

此方法返回 Element 对象。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

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

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

语法

createElement(name)

参数

参数	类型	描述
name	String	一个字符串，它指定元素节点的名称

示例

以下代码片段将 "books.xml" 加载到 xmlDoc 中，并向每个<book>元素添加一个包含文本节点的元素节点：

<!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, yLen, newEle, newText, xmlDoc, txt;
        xmlDoc = xml.responseXML;
        txt = "";
        x = xmlDoc.getElementsByTagName("book");
        xLen = x.length;
        for (i = 0; i < xLen; i++) { 
            newEle = xmlDoc.createElement("edition");
            newText = xmlDoc.createTextNode("first");
            newEle.appendChild(newText);
            x[i].appendChild(newEle);
        }
        // 输出所有标题和版本
        y = xmlDoc.getElementsByTagName("title");
        yLen = y.length
        z = xmlDoc.getElementsByTagName("edition");
        for (i = 0; i < yLen; i++) { 
            txt += y[i].childNodes[0].nodeValue + 
            " - Edition: " + 
            z[i].childNodes[0].nodeValue + "<br>";
        }
        document.getElementById("demo").innerHTML = txt; 
    }
 </script>
 
 </body>
</html>

尝试一下

输出结果

中国历史手册 - Edition: first
法语 - Edition: first
XQuery 手册 - Edition: first
学习 XML - Edition: first