XML DOM textContent 属性
❮ Element 元素对象
实例
以下代码片段将"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;
}
上述代码的输出为:
Text Nodes: Everyday Italian
亲自试一试 »
定义和用法
textContent 属性返回或设置选定元素的文本。
如果返回文本,则该属性返回元素节点内所有文本节点的值。
如果设置文本,则该属性删除所有子节点,并用单个文本节点来替换它们。
注释: 此属性在Internet Explorer 9中不起作用(它返回未定义)。
语法
返回文本:
elementNode.textContent
设置文本:
elementNode.textContent=string
提示和注释
提示: 要从节点设置和返回文本值,应使用文本节点 nodeValue property 属性。
实例 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;
}
上述代码的输出为:
Before: Everyday Italian Giada De Laurentiis 2005 30.00
After: hello
亲自试一试 »
❮ Element 元素对象