使用js完成节点的增删改复制等的操作

在JavaScript中，操作节点（如DOM元素）通常涉及到增加、删除、修改和复制等操作。这里我提供一个简化的示例，说明如何在HTML文档中使用JavaScript来完成这些操作。

### 1. 增加节点

// 假设我们有一个空的<div>元素
var container = document.getElementById('container');

// 创建一个新的<p>元素
var newElement = document.createElement('p');
newElement.textContent = '这是一个新的段落。';

// 将新元素添加到container中
container.appendChild(newElement);

### 2. 删除节点

// 假设我们要删除上面创建的<p>元素
var elementToRemove = container.querySelector('p'); // 假设我们知道要删除哪个元素

// 移除元素
if (elementToRemove) {
    container.removeChild(elementToRemove);
}

### 3. 修改节点

// 如果我们要修改上面创建的<p>元素（假设它还没被删除）
var elementToUpdate = container.querySelector('p'); // 再次找到<p>元素
if (elementToUpdate) {
    elementToUpdate.textContent = '这是更新后的文本。'; // 修改文本内容
}

### 4. 复制节点

// 假设我们要复制上面创建的<p>元素（假设它还没被删除或修改）
var elementToCopy = container.querySelector('p');
if (elementToCopy) {
    var clonedElement = elementToCopy.cloneNode(true); // true表示深复制，包括子节点
    container.appendChild(clonedElement); // 将复制的节点添加到容器中
}

请注意，以上代码示例假设你已经在HTML文档中有一个ID为`container`的`