XML DOM textContent 属性
❮ 元素对象
示例
以下代码片段将 "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;
}
上面代码的输出将是
文本节点: Everyday Italian
自己尝试 »
定义和用法
textContent 属性返回或设置所选元素的文本。
在返回文本时,此属性返回元素节点中所有文本节点的值。
在设置文本时,此属性将删除所有子节点,并用单个文本节点替换它们。
注意: 此属性在 Internet Explorer 9 中不起作用(它返回 undefined)。
语法
返回文本
elementNode.textContent
设置文本
elementNode.textContent=string
提示和注意事项
提示: 对于设置和返回节点的文本值,您应该使用文本节点 nodeValue 属性。
示例 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 =
"之前: " + x.textContent + "<br>";
x.textContent = "hello";
document.getElementById("demo").innerHTML +=
"之后: " + x.textContent;
}
上面代码的输出将是
之前: Everyday Italian Giada De Laurentiis 2005 30.00
之后: hello
自己尝试 »
❮ 元素对象