DOM怎样添加、移除、移动、复制、创建和查找节点

DOM提供了一系列的API用于添加、移除、移动、复制、创建和查找节点，具体如下：

1. 添加节点：使用appendChild()方法在父节点下添加一个新的子节点，或者使用insertBefore()方法在指定位置插入一个新的子节点。

2. 移除节点：使用removeChild()方法删除指定节点，或者使用replaceChild()方法替换指定节点。

3. 移动节点：使用appendChild()方法将节点从一个父节点移动到另一个父节点下。

4. 复制节点：使用cloneNode()方法复制指定节点，可以选择是否复制子节点。

5. 创建节点：使用createElement()方法创建一个新的元素节点，或者使用createTextNode()方法创建一个新的文本节点。

6. 查找节点：使用getElementById()方法根据节点ID查找节点，或者使用getElementsByTagName()方法根据标签名查找节点，也可以使用querySelector()方法根据CSS选择器查找节点。

需要注意的是，添加、移除、移动、复制、创建和查找节点的操作都是基于DOM树的结构，因此需要先获取到要操作的节点，然后再进行相应的操作。

相关问题

23.Dom结构操作怎样添加、移除、移动、复制、创建和查找节点?

在HTML DOM (文档对象模型) 中，操作节点通常涉及到JavaScript，这里我会简述如何进行基本的节点操作：

1. **添加节点**:
- 使用`document.createElement(tagName)`创建一个新的元素节点，并使用`.appendChild(node)`将其添加到某个已有节点的子节点列表的末尾。

   const newNode = document.createElement('div');
   parentElement.appendChild(newNode);

2. **移除节点**:
- 使用`.removeChild(node)`从父节点中删除指定的子节点。

   parentElement.removeChild(newNode);

3. **移动节点**:
- 首先找到新位置的父元素，然后使用`.appendChild(node)`替换原来的位置。

   newParent.appendChild(newNode);
   oldParent.removeChild(newNode);

4. **复制节点**:
- 可以通过克隆节点来实现，例如使用`.cloneNode(deepClone)`，其中`deepClone`是一个布尔值表示是否深拷贝属性。

   const clonedNode = newNode.cloneNode(true);

5. **创建节点**:
除了`createElement`，还有`createTextNode(text)`用于创建文本节点，`createComment(comment)`用于创建注释节点。

6. **查找节点**:
- 使用`.getElementById(id)`、`.getElementsByClassName(className)`、`.getElementsByTagName(tagName)`等方法获取特定ID、类名或标签名的节点。

   const node = document.getElementById('myId');