[TOC]

1.创建节点

document.createElement(‘tagName’)
document.createElement()方法创建由tagName指定的HTML元素。因为这些元素原先不存在，是根据我们的需求动态生成的，所以我们也成为动态创建元素节点。

2.添加节点

1.node.appendChild(child)
node.appendChild()方法将一个节点添加到指定父节点的子节点列表末尾。类似于css里面的after伪元素。后面追加元素，类似于数组中的push。
2.node.insertBefore(child,指定元素)
node.insertBefore()方法将一个节点添加到父节点的指定节点前面。类似于css里的before伪元素。

总结：

我们要想在页面添加一个新元素分两步
1.创建元素
2.添加元素


  • 123



.