Propriété textContent de XML DOM

Définition et utilisation

textContent Cette propriété retourne ou définit le texte de l'élément sélectionné.

Lorsque vous retournez le texte, cette propriété retourne la valeur de tous les noeuds de texte à l'intérieur de l'élément.

Lorsque vous définissez le texte, cette propriété supprime tous les noeuds enfants et les remplace par un seul noeud de texte.

Remarque :Cette propriété ne fonctionne pas dans Internet Explorer 9 (retourne undefined).

Avis :Pour définir et retourner la valeur de texte du noeud, utilisez l'attribut nodeValue des noeuds de texte.

Syntaxe

Retourner le texte :

elementNode.textContent

Définir le texte :

elementNode.textContent=string

Exemple

Exemple 1

Le code suivant charge "books.xml" dans xmlDoc, puis récupère le noeud de texte de l'élément <title> premier :

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 =
    "Noeuds de texte: " + x.textContent;
}

Essayer personnellement

Exemple 2

Le code suivant charge "books.xml" dans xmlDoc, puis récupère le noeud de texte du premier élément <book> et le remplace par un nouveau noeud de texte pour tous les noeuds :

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

Essayer personnellement