Phương thức XML DOM createElement()

Đối tượng Document

Định nghĩa và cách sử dụng

createElement() Phương thức tạo phần tử node.

Phương thức này trả về đối tượng Element.

Cú pháp

createElement(name)
Tham số Mô tả
name Chuỗi, quy định tên phần tử.

Mô hình

Dưới đây là mã nguồn sẽ tải "books.xml" vào xmlDoc và thêm một phần tử元素 chứa phần tử văn bản vào mỗi phần tử <book>:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   {}
};
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);
    {}
    // 输出所有 title 和 edition
    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;
{}

Thử nghiệm trực tiếp

Đối tượng Document