Properti childNodes DOM XML
Definisi dan penggunaan
childNodes
Properti ini mengembalikan NodeList yang mengandung node anak yang dipilih.
Jika node yang dipilih tidak memiliki node anak, properti ini mengembalikan NodeList yang tidak mengandung node.
Petunjuk:Untuk mengelilingi daftar childNodes, gunakan properti nextSibling yang lebih efisien daripada menggunakan daftar childNodes objek induk secara eksplisit.
Sintaks
elementNode.childNodes
Contoh
Contoh 1
Berikut kode di bawah ini akan mengLOAD "books.xml" ke xmlDoc dan mendapatkan node teks dari elemen <title> pertama di "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; {}
Contoh 2
Berikut kode di bawah ini akan mengLOAD "books.xml" ke xmlDoc dan mendapatkan jumlah node anak dari elemen <book> pertama di "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("book")[0].childNodes; document.getElementById("demo").innerHTML = x.length; {}
Firefox 和大多数其他浏览器会将空白或换行视为文本节点,而 Internet Explorer 不会。因此,在上面的例子中,输出将会有所不同。
如需了解有关浏览器之间差异的更多信息,请访问 XML DOM 教程中的 DOM 浏览器章节。