Атрибут textContent DOM XML

Объект Element

Определение и использование

textContent Атрибут возвращает или устанавливает текст所选ного элемента.

Возвращая текст, этот атрибут возвращает значение всех текстовых узлов внутри элемента.

Установляя текст, этот атрибут удаляет все подузлы и заменяет их одним текстовым узлом.

Внимание:Этот атрибут не работает в Internet Explorer 9 (возвращает undefined).

Совет:Чтобы установить и вернуть значение текстового узла узла, используйте атрибут nodeValue текстового узла.

Грамматика

Вернуть текст:

elementNode.textContent

Установить текст:

elementNode.textContent=string

Пример

Пример 1

Ниже приведен код, который загружает "books.xml" в xmlDoc и извлекает текстовый узел из первого элемента <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 =
    "Текстовые узлы: " + x.textContent;
{}

Попробуйте сами

Пример 2

Ниже приведен код, который загружает "books.xml" в xmlDoc и извлекает текстовый узел из первого элемента <book>, заменяя все узлы новым текстовым узлом:

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

Попробуйте сами

Объект Element