HTML DOM（文档对象模型）是Web开发中用于访问和操作HTML或XML文档的标准接口。它将HTML页面结构转化为一个可编程的对象模型，使得开发者可以通过JavaScript或其他脚本语言对页面进行动态更新和交互。在这个模型中，每个HTML元素、文本、注释等都被表示为一个节点，而这些节点可以通过其特定的属性和方法进行操作。
DOM节点类型有多种，其中最常见的是：
1. ElementNode.ELEMENT_NODE（1）：表示HTML元素节点，如`<p>`、`<div>`等。
2. TextNode.TEXT_NODE（3）：表示文本节点，存储元素内的文本内容。
3. DocumentNode.DOCUMENT_NODE（9）：表示整个文档的根节点，即`<html>`元素。
4. CommentNode.COMMENT_NODE（8）：表示HTML注释。
5. DocumentFragmentNode.DOCUMENT_FRAGMENT_NODE（11）：表示文档片段，用于暂存多个节点，便于一次性插入文档。
6. AttrNode.ATTRIBUTE_NODE（2）：表示元素的属性节点。
DOM对象提供了一系列方法来操作这些节点：
1. `createAttribute(name)`：创建一个新的属性节点。
2. `createComment(text)`：创建一个新的注释节点。
3. `createElement(tagName)`：创建指定标签名的新元素节点。
4. `createTextNode(text)`：创建包含指定文本的新文本节点。
5. `getElementById(id)`：根据ID查找并返回唯一的元素节点。
6. `getElementsByTagName(tagName)`：返回所有指定标签名的元素节点集合。
对于Element节点，有以下重要的属性和方法：
属性：
- `tagName`：获取或设置元素的标签名。
- `id`：元素的唯一标识符。
- `className`：元素的类名，用于CSS选择器。
方法：
- `getAttribute(name)`：获取指定属性的值。
- `getAttributeNode(name)`：获取指定属性的Attr节点。
- `getElementsByTagName(name)`：返回所有指定标签名的子孙元素节点数组。
- `hasAttribute(name)`：检查元素是否具有指定的属性。
- `removeAttribute(name)`：移除指定的属性。
- `setAttribute(name, value)`：设置或添加元素的属性及其值。
- `removeAttributeNode(attr)`：移除指定的Attr节点。
此外，DOM还提供了处理节点关系的其他方法：
- `appendChild(node)`：将指定节点添加到当前节点的子节点末尾。
- `cloneNode(deep)`：复制当前节点，可选择是否连同子节点一起复制。
- `hasChildNodes()`：检查当前节点是否有子节点。
- `insertBefore(newNode, refNode)`：在指定子节点之前插入新的节点。
- `removeChild(node)`：从当前节点的子节点列表中删除并返回指定的节点。
- `replaceChild(newNode, oldNode)`：用新的节点替换现有的子节点。
这些属性和方法构成了DOM的核心，让开发者能够高效地查找、修改和操作HTML页面中的元素和内容，实现动态效果和交互。了解并熟练掌握这些知识点对于进行前端开发至关重要。
