一、文档对象（Document）
这是 DOM 的核心对象，代表整个 HTML 文档。它是浏览器加载网页后生成的对象模型的入口点。
1. 属性方面
`document.documentElement`：属性返回文档的根元素，在 HTML 文档中通常是``元素。
`document.body`：属性则返回文档的`
`元素，通过它可以访问和操作文档主体部分的内容。`document.title`：用于获取或设置文档的标题，当用户打开网页时，标题显示在浏览器的标题栏中。
2. 方法方面
`document.createElement()`：用于创建一个新的 HTML 元素。
`document.getElementById()`：是常用的方法，用于通过元素的`id`属性获取对应的元素。
二、元素对象（Element）
表示 HTML 文档中的元素，如`
`、``等。每个元素对象都有自己的属性和方法，用于操作元素本身及其内容。
1. 属性方面
`element.className = 'new-class';`：可以修改元素的类名。
`element.innerHTML = '
新的段落
';`：可以将新的 HTML 内容插入到元素内部。2. 方法方面
`getAttribute()`和`setAttribute()`：方法用于获取和设置元素的属性。
`appendChild()`：方法用于将一个新的节点（元素、文本节点等）添加到当前元素的子节点列表末尾。
三、文本节点对象（Text）
表示 HTML 元素中的文本内容。当浏览器解析 HTML 文档时，文本内容会被封装为文本节点。
1. 属性方面
`textNode.data = '修改后的文本';`：可以修改文本节点的内容。
2. 方法方面
`element.replaceChild(newTextNode, element.firstChild);`：可以用新的文本节点替换元素中的第一个子节点。
四、属性对象（Attr）
用于表示 HTML 元素的属性。虽然可以通过元素对象的`getAttribute()`和`setAttribute()`方法来操作属性，但属性对象提供了更直接的方式来处理属性。
1. 属性方面
`let attr = element.getAttributeNode('href');let attrName = attr.name;let attrValue = attr.value;attr.value = '新的链接';`：可以分别获取属性名称、属性值，并修改属性值。
五、文档片段对象（DocumentFragment）
它是一种轻量级的文档对象，用于在内存中临时存储和操作 DOM 节点。文档片段可以包含多个元素和文本节点，就像一个小型的文档。
1. 用途方面
当需要对多个节点进行批量操作（如添加、删除、移动等）时，使用文档片段可以提高性能。
假设要创建一个包含多个`
let fragment = document.createDocumentFragment();
for (let i = 0; i < 5; i++) {
let li = document.createElement("li");
li.textContent = "列表项" + i;
fragment.appendChild(li);
}
let ul = document.createElement("ul");
ul.appendChild(fragment);
document.body.appendChild(ul);