JS DOM 如何在节点下方插入一个新的节点?

11 min read

可以使用HTML DOM的appendChild()方法将新的节点插入到目标节点的子节点列表的末尾,如下所示:

// 获取目标节点
var targetNode = document.getElementById("target");

// 创建新节点
var newNode = document.createElement("p");
var textNode = document.createTextNode("这是新的节点");
newNode.appendChild(textNode);

// 将新节点插入到目标节点下方
targetNode.appendChild(newNode);

在上述代码中,我们首先使用getElementById()方法获取目标节点。然后,我们使用createElement()方法创建新的节点,并使用createTextNode()方法创建其中的文本节点。接着,我们调用appendChild()方法将新节点插入到目标节点的子节点列表的末尾。这样,新节点就会在目标节点下方插入。