XML DOM textContent 屬性

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 =
    "Text Nodes: " + 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 對象