js添加 删除 替换 插入节点所用的方法

添加节点：

• createElement(tagName) ：创建一个指定类型的元素节点。
• createTextNode(text) ：创建一个包含指定文本的文本节点。
• appendChild(node) ：将节点添加到父节点的末尾。

示例代码：

const parent = document.getElementById('parent');
const child = document.createElement('div');
const text = document.createTextNode('Hello world!');
child.appendChild(text);
parent.appendChild(child);

删除节点：

• parentNode.removeChild(node) ：从父节点中删除指定的节点。

示例代码：

const parent = document.getElementById('parent');
const child = document.getElementById('child');
parent.removeChild(child);

替换节点：

• parentNode.replaceChild(newNode, oldNode) ：用新的节点替换旧的节点。

示例代码：

const parent = document.getElementById('parent');
const oldChild = document.getElementById('oldChild');
const newChild = document.createElement('div');
const text = document.createTextNode('Hello world!');
newChild.appendChild(text);
parent.replaceChild(newChild, oldChild);

插入节点：

• parentNode.insertBefore(newNode, referenceNode) ：在参考节点之前插入新的节点。

示例代码：

const parent = document.getElementById('parent');
const referenceNode = document.getElementById('referenceNode');
const newChild = document.createElement('div');
const text = document.createTextNode('Hello world!');
newChild.appendChild(text);
parent.insertBefore(newChild, referenceNode);