DOM 操作指南：添加、移除、移动、复制、创建和查找节点

DOM 操作是指通过 JavaScript 代码来操作 HTML 文档中的 DOM 节点。以下是添加、移除、移动、复制、创建和查找节点的常用方法：

1. 添加节点：

   • createElement(tagName): 创建一个指定的元素节点。
   • createTextNode(text): 创建一个包含指定文本内容的文本节点。
   • appendChild(node): 将指定节点添加为当前节点的最后一个子节点。

2. 移除节点：

   • removeChild(node): 从当前节点中移除指定的子节点。
   • parentNode.removeChild(node): 从父节点中移除指定的子节点。

3. 移动节点：

   • appendChild(node): 将指定节点添加为当前节点的最后一个子节点，如果该节点已经存在于文档中，则会先从原位置移除，再添加到新位置。

4. 复制节点：

   • cloneNode(deep): 创建当前节点的一个副本。deep参数为布尔值，表示是否同时复制节点的子节点。

5. 创建节点：

   • createElement(tagName): 创建一个指定的元素节点。
   • createTextNode(text): 创建一个包含指定文本内容的文本节点。

6. 查找节点：

   • getElementById(id): 根据元素的 id 属性值查找节点。
   • getElementsByTagName(tagName): 根据标签名查找一组节点。
   • getElementsByClassName(className): 根据类名查找一组节点。
   • querySelector(selector): 根据选择器查找第一个匹配的节点。
   • querySelectorAll(selector): 根据选择器查找所有匹配的节点。

注意：以上方法中，操作节点的对象为当前节点或父节点，需要根据具体情况选择正确的节点对象进行操作。