XML DOM textContent 属性
XML基础 2023-08-12 18:16:07小码哥的IT人生shichen
XML DOM textContent 属性
定义和用法
textContent 属性可设置或返回节点及其后代的文本内容。
关于设置,任何子节点可被删除,并被一个单独的文本节点所替换,所替换的内容是此属性所设置的字符串。
语法:
nodeObject.textContent
实例
在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()。
下面的代码片段可返回 <book> 元素的文本内容:
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName('book');
for(i=0;i<x.length;i++)
{
document.write(x.item(i).textContent
);
document.write("<br />");
}
输出:
Everyday Italian Giada De Laurentiis 2005 30.00
Harry Potter J K. Rowling 2005 29.99
XQuery Kick Start James McGovern Per Bothner Kurt Cagle James Linn
Vaidyanathan Nagarajan 2003 49.99
Learning XML Erik T. Ray 2003 39.95
TIY
完整实例【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");
var x=xmlDoc.getElementsByTagName('book');
for(i=0;i<x.length;i++)
{
document.write(x.item(i).textContent);
document.write("<br />");
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
(IE 不支持)完整实例【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");
var x=xmlDoc.getElementsByTagName('book');
//set textContent
for(i=0;i<x.length;i++)
{
x.item(i).textContent="Outdated";
}
//output textContent
for(i=0;i<x.length;i++)
{
document.write(x.item(i).textContent);
document.write("<br />");
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
(IE 不支持)