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

亲自试一试