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

简介: 该文段介绍了DOM中的命名节点图(Named Node Map),它表示元素节点的属性列表,能自动更新增删属性。示例代码展示了如何通过`getElementsByTagName()`获取首个`<book>`元素的属性列表,然后使用`getNamedItem()`获取"category"属性的值,并输出属性数量。当执行时,会显示"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" 属性输出值
输出属性列表的长度

相关文章
|
3天前
|
JavaScript
DOM 节点列表长度(Node List Length)
`length`属性用于获取DOM节点列表的元素数量。通过它,可以迭代列表,如示例所示:加载&quot;books.xml&quot;,然后获取所有&quot;title&quot;节点。循环`x.length`,打印每个标题节点的第一个子节点的值。
|
3天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于访问 XML 文档中的特定节点。节点可通过循环遍历或利用它们之间的关系在节点树中导航。`getElementsByTagName()` 返回一个节点列表,类似数组,可用来访问匹配标签名的所有节点。例如,加载 &quot;books.xml&quot; 到 `xmlDoc` 后,可以使用此方法存储所有 `&lt;book&gt;` 节点到变量 `x`。
|
8天前
|
JavaScript
DOM 节点列表长度(Node List Length)
`length`属性用于获取DOM节点列表的元素数量。通过遍历这个属性,如`for (i=0; i&lt;x.length; i++)`,可以访问和处理每个节点。在示例中,代码加载&quot;books.xml&quot;,然后获取所有&quot;title&quot;节点,并打印它们的第一个子节点的值。
|
5天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
该文介绍了XML DOM遍历节点树的概念,通过循环或移动在节点树中操作。示例展示了如何遍历XML文档,提取每个元素的名称和值。代码实例加载XML字符串到xmlDoc,获取根元素子节点,并输出它们的名称及文本值。
|
7天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
该文介绍了如何遍历XML文档的节点树。通过循环移动,可以访问每个元素,例如提取值。示例展示了遍历`&lt;book&gt;`的所有子节点,显示节点名和值,如`title: Everyday Italian`, `author: Giada De Laurentiis`, `year: 2005`。代码首先加载XML到`xmlDoc`,然后获取根元素子节点并输出其名称与文本值。
|
1天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
该文讲述了如何遍历XML文档的节点树。通过示例代码展示如何循环访问XML元素,提取每个节点的名称和值。实例中,XML数据包含书籍信息,程序加载XML后,遍历根节点的所有子节点,依次显示它们的名称和内容。
|
1天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于访问 XML 文档中的节点。节点可通过节点列表(Node List)获取,它类似数组。代码示例加载 &quot;books.xml&quot; 到 xmlDoc,然后将所有书签存储在变量 x 中。可以遍历节点树、使用关系导航或 getElementsByTagName() 访问特定节点。
|
6天前
|
XML JavaScript 数据格式
DOM 节点列表长度(Node List Length)
`length`属性用于获取DOM节点列表的长度。通过遍历这个长度,如`for (i=0;i&lt;x.length;i++)`,可以访问并处理每个节点,如显示标题节点的值。示例展示了从&quot;books.xml&quot;加载XML文档并打印所有&quot;title&quot;节点的子节点值。
|
1月前
|
JSON JavaScript 前端开发
❤Nodejs 第九章(token身份认证和express-jwt的安装认识)
【4月更文挑战第9天】Node.js第九章介绍了Token身份认证,特别是JWT(JSON Web Token)作为跨域认证的解决方案。JWT由Header、Payload和Signature三部分组成,用于在客户端和服务器间安全传输用户信息。前端收到JWT后存储在localStorage或sessionStorage中,并在请求头中发送。Express-JWT是一个中间件,用于解析JWT。基本用法包括设置secret和algorithms。注意安全问题,避免混合使用不同算法以防止降级攻击。
59 0