js插入节点appendChild insertBefore如何使用

在JavaScript中，appendChild和insertBefore是用于插入节点的两种常用方法。

1. appendChild方法用于在父节点的末尾添加一个子节点。语法如下：

parentNode.appendChild(childNode);

其中，parentNode是要添加子节点的父节点，childNode是要添加的子节点。

例如，假设有一个div元素，现在要在其中添加一个p元素，可以使用以下代码：

var parent = document.getElementById('myDiv');
var child = document.createElement('p');
parent.appendChild(child);

2. insertBefore方法用于在指定节点之前插入一个新节点。语法如下：

parentNode.insertBefore(newNode, referenceNode);

其中，parentNode是要添加节点的父节点，newNode是要添加的新节点，referenceNode是参考节点，即新节点将插入到referenceNode之前。

例如，假设有一个ul列表，现在要在第一个li元素之前插入一个新的li元素，可以使用以下代码：

var parent = document.getElementById('myList');
var newLi = document.createElement('li');
var referenceLi = parent.getElementsByTagName('li')[0];
parent.insertBefore(newLi, referenceLi);

需要注意的是，如果referenceNode为null，则insertBefore方法的效果与appendChild方法相同，即在父节点的末尾添加新节点。

以上是使用appendChild和insertBefore方法插入节点的基本用法，可以根据具体需求进行相应的调整和扩展。