XML DOM textContent egenskab

Element objekt

DefinITION OG BRUG

textContent Egenskaben returnerer eller indstiller teksten for det valgte element.

Når du returnerer tekst, returnerer denne egenskab værdien af alle tekstnoder inden for elementnoden.

Når du indstiller tekst, vil denne egenskab slette alle undernoder og erstatte dem med en enkelt tekstnode.

BemærkDenne egenskab virker ikke i Internet Explorer 9 (returnerer undefined).

VedligeholdelseFor at indstille og returnere nodens tekstværdi, brug tekstnodens nodeValue-egenskab.

Syntaks

Returnér tekst:

elementNode.textContent

Indstil tekst:

elementNode.textContent=string

Eksempel

Eksempel 1

Nedenstående kode loader "books.xml" til xmlDoc og henter tekstnoden fra det første <title>-element:

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

Prøv det selv

Eksempel 2

Nedenstående kode loader "books.xml" til xmlDoc og henter tekstnoden fra det første <book>-element og erstatter alle noder med den nye tekstnode:

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

Prøv det selv

Element objekt