如何使用js动态追加节点

```javascript

// 获取body元素

var body = document.body;

// 创建一个新的div元素

var newDiv = document.createElement('div');

// 设置新div的属性，例如id和class

newDiv.id = 'newDiv';

newDiv.className = 'newDivClass';

// 设置新div的内容

newDiv.innerHTML = '这是动态创建的div元素。';

// 将新div追加到body中

body.appendChild(newDiv);

```

如果你想要将节点追加到已存在的子节点之后，可以使用`insertBefore`方法，如下所示：

```javascript

// 获取目标父节点和要插入的位置的下一个兄弟节点

var parent = document.getElementById('parentElementId');

var referenceNode = parent.firstChild; // 假设我们想要在第一个子节点之前插入

// 创建一个新的div元素

var newDiv = document.createElement('div');

newDiv.id = 'newDiv';

newDiv.className = 'newDivClass';

newDiv.innerHTML = '这是在第一个子节点之前插入的div元素。';

// 将新div插入到父节点中，位于referenceNode之前

parent.insertBefore(newDiv, referenceNode);

```

请注意，`appendChild`方法会将新节点追加到父节点的最后一个子节点之后，而`insertBefore`方法则允许你指定新节点应该插入的位置。如果`referenceNode`是`null`，则`insertBefore`方法的行为等同于`appendChild`。