XML DOM textContent-attribut

Definition och användning

textContent Egenskapen returnerar eller anger text för det valda elementet.

När du returnerar text, returnerar denna egenskap värdet för alla textnoder inom elementnoden.

När du anger text, tar denna egenskap bort alla undernoder och ersätter dem med en enskild textnod.

Observera:Denna egenskap fungerar inte i Internet Explorer 9 (returnerar undefined).

Tips:För att ange och returnera textvärdet för en nod, använd textnodens nodeValue-attribut.

Syntaks

Returnera text:

elementNode.textContent

Ange text:

elementNode.textContent=sträng

Exempel

Exempel 1

Följande kod laddar "books.xml" till xmlDoc och hämtar textnoden från det första <title>-elementet:

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

Prova själv

Exempel 2

Följande kod laddar "books.xml" till xmlDoc och hämtar textnoden från det första <book>-elementet och ersätter alla noder med den nya textnoden:

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

Prova själv