JavaScript基础-动态操作DOM节点

我们所说的操作无非就是增删改查（CRUD）
创建一个节点（向页面中增加之前，我们需要先创建一个节点出来）
向页面中增加一个节点
删除页面中的某一个节点
修改页面中的某一个节点
获取页面中的某一个节点

创建节点

• 创建元素节点 createElement

          var pEle = document.createElement('p')

          console.log(pEle)  //   <p></p>

•  创建文本节点 createTextNode

        var textEle = document.createTextNode('元素一')

        console.log(textEle)  //   "元素一"

追加节点

• appendChild：向一个元素节点末尾追加一个节点

        语法：父节点.appendChild（要插入的子节点）

var pEle = document.createElement('p')
var textEle = document.createTextNode('元素一')
pEle.appendChild(textEle)
console.log(pEle)  //  <p>元素一</p>

• insertBefore：向某一节点前插入一个节点