Propriedade textContent do XML DOM

Objeto Element

Definição e uso

textContent A propriedade retorna ou define o texto do elemento selecionado.

Quando retornar texto, essa propriedade retorna o valor de todos os nós de texto dentro do nó de elemento.

Quando definir texto, essa propriedade deletará todos os nós filhos e os substituirá por um nó de texto único.

Atenção:Essa propriedade não funciona no Internet Explorer 9 (retorna undefined).

Dica:Para definir e retornar o valor de texto do nó, use a propriedade nodeValue do nó de texto.

Sintaxe

Retornar texto:

elementNode.textContent

Definir texto:

elementNode.textContent=string

Exemplo

Exemplo 1

A seguir, o código carregará "books.xml" no xmlDoc e obterá o nó de texto do primeiro elemento <title>:

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 =
    "Nós de texto: " + x.textContent;
{}

Experimente pessoalmente

Exemplo 2

A seguir, o código carregará "books.xml" no xmlDoc e obterá o nó de texto do primeiro elemento <book>, substituindo todos os nós:

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

Experimente pessoalmente

Objeto Element