DOM 属性列表(命名节点图 Named Node Map)

简介: **DOM的NamedNodeMap概括:**它表示元素的属性节点列表,如`<book>`的`attributes`。这个映射自动更新,添加或删除属性时响应变化。代码示例加载"books.xml",获取首个`<book>`的属性,`x.getNamedItem("category").nodeValue`显示类别,`x.length`显示属性数。输出示例:类别为"cooking",属性计数为1。

DOM 属性列表(命名节点图 Named Node Map)

元素节点的 attributes 属性返回属性节点的列表。

这被称为命名节点图(Named Node Map),除了方法和属性上的一些差别以外,它与节点列表相似。

属性列表会保持自身的更新。如果删除或添加属性,这个列表会自动更新。

下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中,并返回 "books.xml" 中第一个 元素的属性节点列表:
xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book')[0].attributes;

在上面的代码执行之后,x.length 等于属性的数量,可使用 x.getNamedItem() 返回属性节点。

下面的代码片段显示一个 book 的 "category" 属性的值,以及其属性的数量:
实例
xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book")[0].attributes;

document.write(x.getNamedItem("category").nodeValue);
document.write("" + x.length);

输出:
cooking
1

尝试一下 »

实例解释:

使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
设置 x 变量来保存第一个 元素的所有属性的一个列表
从 "category" 属性输出值
输出属性列表的长度

目录
打赏
0
0
0
0
171
分享
相关文章
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
172 4
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)