XML DOM textContent-eigenschap

Element object

Definitie en gebruik

textContent Eigenschap retourneert of instelt de tekst van het geselecteerde element.

Bij het teruggeven van tekst geeft deze eigenschap de waarde van alle tekstknopen binnen de elementknop terug.

Bij het instellen van tekst verwijdert deze eigenschap alle subknopen en vervangt ze door een enkele tekstknop.

Opmerking:Deze eigenschap werkt niet in Internet Explorer 9 (geeft undefined terug).

Tip:Om de tekstwaarde van een knoop in te stellen en terug te geven, gebruik dan de nodeValue-eigenschap van de tekstknopen.

Syntaxis

Teruggeven van tekst:

elementNode.textContent

Instellen van tekst:

elementNode.textContent=string

Voorbeeld

Voorbeeld 1

Onderstaande code laadt "books.xml" in xmlDoc en haalt de tekstknopen van het eerste <title>-element op:

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 =
    "Text Nodes: " + x.textContent;
}

Probeer het zelf

Voorbeeld 2

Onderstaande code laadt "books.xml" in xmlDoc en haalt de tekstknopen van het eerste <book>-element op, en vervangt alle knopen met nieuwe tekstknopen:

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 =
    "Voor: " + x.textContent + "<br>";
    x.textContent = "hello";
    document.getElementById("demo").innerHTML +=
    "Na: " + x.textContent;
}

Probeer het zelf

Element object