Properti XML DOM textContent
Definisi dan penggunaan
textContent
Properti mengembalikan atau menetapkan teks elemen yang dipilih.
Saat mengembalikan teks, properti ini mengembalikan nilai semua node teks dalam node elemen.
Saat menetapkan teks, properti ini akan menghapus semua node anak dan menggantinya dengan node teks tunggal.
Perhatian:Properti ini tidak berfungsi di Internet Explorer 9 (kembalikan undefined).
Petunjuk:Untuk menetapkan dan mengembalikan nilai teks node, gunakan atribut nodeValue properti node teks.
Syarat
Kembalikan teks:
elementNode.textContent
Tetapkan teks:
elementNode.textContent=string
Contoh
Contoh 1
Berikut kode ini akan mengunduh "books.xml" ke xmlDoc dan mengambil node teks dari elemen <title> pertama:
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]; document.getElementById("demo").innerHTML = "Nodes Teks: " + x.textContent; }
Contoh 2
Berikut kode ini akan mengunduh "books.xml" ke xmlDoc dan mengambil node teks dari elemen <book> pertama, dan mengganti semua node dengan node teks baru:
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("book")[0]; document.getElementById("demo").innerHTML = "Before: " + x.textContent + "<br>"; x.textContent = "hello"; document.getElementById("demo").innerHTML +=; "After: " + x.textContent; }