XML DOM childNodes attribute

Definition at Usage

childNodes Ang attribute na ito ay ibibigay ang NodeList na naglalaman ng mga child node ng piniling node.

Kung walang mga child node ang piniling node, ang attribute na ito ay ibibigay ang NodeList na walang mga node.

Mga payo:Kung nais mong magpaikot sa listahan ng childNodes, mas mabisa ang gumamit ng nextSibling attribute kaysa sa malinaw na gumamit ng childNodes listahan ng magulang object.

Gramata

elementNode.childNodes

Eksemplo

Mga halimbawa 1

Ang mga sumusunod na kodigo ay maglulagay ang "books.xml" sa xmlDoc at makuha ang teksto ng unang <title> elemento ng "books.xml":

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 xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("title")[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML =
    y.nodeValue;
}

亲自试一试

Mga halimbawa 2

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 xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("book")[0].childNodes;
    document.getElementById("demo").innerHTML =
    x.length;
}

亲自试一试

Firefox 和大多数其他浏览器会将空白或换行视为文本节点，而 Internet Explorer 不会。因此，在上面的例子中，输出将会有所不同。

如需了解有关浏览器之间差异的更多信息，请访问 XML DOM 教程中的 DOM 浏览器章节。