XML DOM Dapatkan Nilai Node
Properti nodeValue digunakan untuk mendapatkan nilai teks dari sebuah node.
Metode getAttribute() mengembalikan nilai atribut.
Dapatkan Nilai dari Elemen
Di DOM, semuanya adalah simpul. Node elemen tidak memiliki nilai teks.
Nilai teks dari simpul elemen disimpan dalam simpul anak. Node ini disebut node teks.
Untuk mengambil nilai teks dari suatu elemen, Anda harus mengambil nilai dari simpul teks elemen tersebut.
Metode getElementsByTagName
Metode getElementsByTagName() mengembalikan daftar simpul dari semua elemen , dengan nama tag yang ditentukan, dalam urutan yang sama seperti yang muncul di dokumen sumber.
Misalkan " books.xml " telah dimuat ke xmlDoc.
Kode ini mengambil elemen <title> pertama:
var x = xmlDoc.getElementsByTagName("title")[0];
Properti ChildNodes
Properti childNodes mengembalikan daftar node anak elemen .
Kode berikut mengambil simpul teks dari elemen <title> pertama:
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
Properti nodeValue
Properti nodeValue mengembalikan nilai teks dari node teks .
Kode berikut mengambil nilai teks dari simpul teks dari elemen <title> pertama:
Contoh
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;
Hasil dalam z: "Italia Sehari-hari"
Contoh Lengkap
Contoh
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
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;
}
</script>
</body>
</html>
Ulangi semua elemen <title>:
Dapatkan Nilai dari sebuah Atribut
Di DOM, atribut adalah node. Tidak seperti node elemen, node atribut memiliki nilai teks.
Cara untuk mendapatkan nilai dari suatu atribut, adalah dengan mendapatkan nilai teksnya.
Ini dapat dilakukan dengan menggunakan metode getAttribute() atau menggunakan properti nodeValue dari node atribut.
Dapatkan Nilai Atribut - getAttribute()
Metode getAttribute() mengembalikan nilai atribut .
Kode berikut mengambil nilai teks dari atribut "lang" dari elemen <title> pertama:
Contoh
x = xmlDoc.getElementsByTagName("title")[0];
txt = x.getAttribute("lang");
Hasilkan txt: "en"
Ulangi semua elemen <book> dan dapatkan atribut "kategori" mereka:
Dapatkan Nilai Atribut - getAttributeNode()
Metode getAttributeNode() mengembalikan node atribut .
Kode berikut mengambil nilai teks dari atribut "lang" dari elemen <title> pertama:
Contoh
x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;
Hasil txt = "en"
Ulangi semua elemen <book> dan dapatkan atribut "kategori" mereka: