94、HTML文档节点与样式操作：属性处理与链接插入

HTML文档节点与样式操作：属性处理与链接插入

1. 需求背景与目标

在处理文档时，我们常常需要为文档的目录项添加指向对应标题的超文本链接。这一需求主要包含两个步骤：
1. 为标题元素添加 id 属性，以标记其在网页上的位置。
2. 将目录中的每个列表项内容更改为指向相应标题元素的超文本链接。

2. 属性节点的概念与特点

属性节点代表可以创建并附加到元素节点的属性。与元素节点和文本节点不同，属性节点不属于节点树，因为它们不像文本节点那样被视为元素节点的子节点。以下是一个示例：

<h1 id="head1">Preamble</h1>
<ol>
  <li><a href="#head1">Preamble</a></li>
</ol>

在这个示例中， id 和 href 就是属性节点，它们分别为标题元素和超文本链接提供了标识和目标。

3. 操作属性节点的方法

文档对象模型提供了多种方法来创建、附加和设置属性的值，以下是一些常用方法的介绍：
| 方法 | 描述 |
| — | — |
| node.attributes | 返回与节点关联的属性集合 |
| node.attributes[i].nodeName | 从属