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

在JavaScript中，DOM（文档对象模型）提供了一系列的方法和属性，可以让我们轻松地操作HTML文档中的节点。以下是一些常见的操作：

1. 添加节点：我们可以使用appendChild方法将新节点添加到父节点的子节点列表的末尾。如果想要在特定位置插入新节点，可以使用insertBefore方法。

   let newNode = document.createElement('p'); // 创建一个新的<p>节点
   newNode.textContent = 'This is a new paragraph.'; // 给新的节点添加文本
   
   let parent = document.querySelector('div'); // 选取一个父节点
   parent.appendChild(newNode); // 将新节点添加到父节点的子节点列表的末尾
   

2. 移除节点：我们可以使用removeChild方法从DOM中移除节点。

   let nodeToRemove = document.querySelector('p'); // 选取要移除的节点
   let parent = nodeToRemove.parentNode; // 获取该节点的父节点
   parent.removeChild(nodeToRemove); // 从父节点中移除该节点
   

3. 移动节点：节点的移动实际上是节点的删除和添加的组合。