ਕੋਰਸ ਸਿਫਾਰਸ਼

XML DOM childNodes ਗੁਣ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ childNodes

ਗੁਣ ਵਾਪਸ ਚੁਣੇ ਹੋਏ ਨੋਡ ਦੇ ਉਪ ਨੋਡਾਂ ਦੀ NodeList ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਸੁਝਾਅ:ਜੇਕਰ ਚੁਣੇ ਹੋਏ ਨੋਡ ਵਿੱਚ ਕੋਈ ਉਪ ਨੋਡ ਨਹੀਂ ਹੈ ਤਾਂ ਇਹ ਗੁਣ ਨੋਡ ਨਹੀਂ ਸਮੇਤ ਵਾਲੀ NodeList ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਗਰਾਫਿਕ

elementNode.childNodes

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਹੇਠ ਦਾ ਕੋਡ "books.xml" ਨੂੰ xmlDoc ਵਿੱਚ ਲੋਡ ਕਰਦਾ ਹੈ ਅਤੇ "books.xml" ਵਿੱਚ ਪਹਿਲੇ <title> ਇਲੈਕਟ੍ਰੌਨ ਵਿੱਚ ਟੈਕਸਟ ਨੋਡ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ:

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;
}

亲自试一试

ਉਦਾਹਰਣ 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 浏览器章节。