XML DOM attributes 属性
XML基础 2023-08-13 13:26:36小码哥的IT人生shichen
XML DOM attributes 属性
定义和用法
attributes 属性返回包含被选节点属性的 NamedNodeMap。
如果被选节点不是元素，则该属性返回 NULL。
语法：
elementNode.attributes提示和注释
提示：该属性仅用于 element 节点。
实例
在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
例子 1
下面的代码片段获取 "books.xml" 中第一个 <title> 元素的属性数目：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0].attributes;
document.write(x.length);
以上代码的输出：
1
例子 2
下面的代码片段输出第一个 <book> 元素中 "category" 属性的值：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0].attributes;
var att=x.getNamedItem("category");
document.write(att.value);
以上代码的输出：
COOKINGTIY
完整实例【getNamedItem() 和 属性 - 获取项目的值】：
<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++)
{
var att=x.item(i).attributes.getNamedItem("category");
document.write(att.value + "<br />")
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例【属性和长度 - 从元素中获取属性的数目】：
<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")[0].attributes;
document.write(x.length);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
