XML DOM getElementsByTagName() 方法
XML基础 2023-08-13 14:57:30小码哥的IT人生shichen
XML DOM getElementsByTagName() 方法
定义和用法
getElementsByTagName() 方法返回拥有指定名称的所有元素的 NodeList。
语法：
getElementsByTagName(name)
| 参数 | 描述 |
|---|---|
| name | 字符串值，规定要搜索的标签名。值 "*" 匹配所有的节点。 |
说明
该方法将遍历指定元素的子孙节点，返回一个 Element 节点的数组（实际上是 NodeList 对象），表示所有具有指定标签名的文档元素。元素在返回的数组中的顺序就是它们出现在文档源代码中的顺序。
注意，Document 接口也定义了 getElementsByTagName() 方法，它与该方法相似，但遍历整个文档，而不是遍历某个元素的子孙节点。
实例
在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
下面的代码片段显示 "books.xml" 中所有 <title> 元素的值：
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('title');
for (i=0;i<x.length;i++)
{
document.write(x[i].childNodes[0].nodeValue);
document.write("<br />");
}
以上代码的输出：
Everyday Italian
Harry Potter
XQuery Kick Start
Learning XMLTIY
完整实例【getElementsByTagName() - 通过名称来获取指定元素的值】：
<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]
y=x.childNodes[0];
document.write(y.nodeValue);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
