Properti nodeValue digunakan untuk mendapatkan nilai teks node.
The getAttribute() method mengembalikan nilai atribut.
Dapatkan Nilai dari Elemen
Dalam DOM, semuanya node. node elemen tidak memiliki nilai teks.
Nilai teks node elemen disimpan dalam node anak. simpul ini disebut node teks.
Untuk mengambil nilai teks elemen, Anda harus mengambil nilai dari simpul teks elemen '.
Metode Buka menu
The getElementsByTagName() metode mengembalikan daftar simpul dari semua elemen, dengan tertentu nama tag, dalam urutan yang sama seperti yang muncul dalam dokumen sumber.
Misalkan " books.xml " telah dimuat ke xmlDoc.
Kode ini mengambil pertama <title> elemen:
var x = xmlDoc.getElementsByTagName("title")[0];
The ChildNodes Properti
Properti childNodes mengembalikan daftar node anak elemen ini.
Kode berikut mengambil node teks pertama <title> elemen:
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
The nodeValue Properti
Properti nodeValue mengembalikan nilai teks node teks.
Kode berikut mengambil nilai teks node teks pertama <title> elemen:
Contoh
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;
Resul di z: "Everyday Italian"
Contoh lengkap
Contoh
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
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>
Cobalah sendiri " Loop melalui semua <title> elemen: Coba Sendiri
Dapatkan Nilai Atribut
Dalam DOM, atribut node. Tidak seperti node elemen, node atribut memiliki nilai teks.
Cara untuk mendapatkan nilai atribut, adalah untuk mendapatkan nilai teksnya.
Hal ini dapat dilakukan dengan menggunakan getAttribute() metode atau menggunakan properti nodeValue dari node atribut.
Dapatkan Nilai Atribut - getAttribute()
The getAttribute() metode mengembalikan sebuah attribute's value .
Kode berikut mengambil nilai teks "lang" atribut yang pertama <title> elemen:
Hasil di txt: "en"
Loop melalui semua <book> elemen dan mendapatkan mereka "category" atribut: Cobalah sendiri
Dapatkan Nilai Atribut - getAttributeNode()
The getAttributeNode() metode mengembalikan sebuah attribute node .
Kode berikut mengambil nilai teks "lang" atribut yang pertama <title> elemen:
Contoh
x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;
Cobalah sendiri " Hasil di txt = "en"
Loop melalui semua <book> elemen dan mendapatkan mereka "category" atribut: Coba Sendiri