XML DOM textContent 属性
XML基础 2023-08-13 14:47:32小码哥的IT人生shichen
XML DOM textContent 属性
定义和用法
textContent 属性返回或设置选定元素的文本。
如果返回文本，则该属性返回元素节点内所有文本节点的值。
如果设置文本，则该属性删除所有子节点，并用单个文本节点来替换它们。
语法：
返回文本：
elementNode.textContent
设置文本：
elementNode.textContent=string提示和注释：
提示：如需针对 IE 浏览器返回文本节点的文本，请使用 text 属性。
实例
在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
例子 1
下面的代码片段获取 "books.xml" 中第一个 <title> 元素的文本节点：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("title")[0];
document.write("Text Nodes: ");
document.write(x.textContent);
以上代码的输出：
Text Nodes: Everyday Italian
例子 2
下面的代码片段从 "books.xml" 的第一个 <book> 元素返回文本节点，并用一个新的文本节点替换所有节点：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0];
document.write("Before: ");
document.write(x.textContent);
document.write("<br />");
x.textContent="hello";
document.write("After: ");
document.write(x.textContent);
以上代码的输出：
Before: Everyday Italian Giada De Laurentiis 2005 30.00
After: helloTIY
完整实例【textContent - 获取元素的文本节点】：
<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
x=xmlDoc.getElementsByTagName("title")[0];
document.write("Text Nodes: ");
document.write(x.textContent);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例【textContent - 获取元素的文本节点并替换它们】：
<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
document.write("Before: ");
document.write(x.textContent);
document.write("<br />");
x.textContent="hello";
document.write("After: ");
document.write(x.textContent);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
