JavaScript 添加 删除 替换 插入到某个接点的方法？

在JavaScript中，DOM（Document Object Model）提供了很多方法来添加、删除、替换和插入节点。以下是一些常用的方法：

添加节点

1. appendChild(node): 将指定的节点添加为最后一个子节点。

let newNode = document.createElement('p');
let parentNode = document.getElementById('parent');
parentNode.appendChild(newNode);

2. insertBefore(newNode, referenceNode): 在参考节点之前插入新节点。

let newNode = document.createElement('p');
let referenceNode = document.getElementById('reference');
let parentNode = document.getElementById('parent');
parentNode.insertBefore(newNode, referenceNode);

删除节点

1. removeChild(node): 删除子节点。

let childNode = document.getElementById('child');
let parentNode = document.getElementById('parent');
parentNode.removeChild(childNode);

替换节点

1. replaceChild(newNode, oldNode): 替换子节点。

let newNode = document.createElement('p');
let oldNode = document.getElementById('old');
let parentNode = document.getElementById('parent');
parentNode.replaceChild(newNode, oldNode);

插入节点

插入节点其实就是上面提到的appendChild和insertBefore方法。此外，还可以使用insertAdjacentHTML(position, text)方法来在指定的位置插入HTML代码。

let parentElement = document.getElementById('parent');
parentElement.insertAdjacentHTML('beforeend', '<p>This is a new paragraph.</p>');

在上面的例子中，'beforeend'是一个位置参数，表示在父元素的末尾插入HTML。其他的位置参数包括：

• 'beforebegin': 在元素自身的前面
• 'afterbegin': 在元素自身的内部开头
• 'beforeend': 在元素自身的内部结尾
• 'afterend': 在元素自身的后面

以上就是JavaScript中处理DOM节点的基本方法。