增删改查

增

1. 创建元素
   以tagName创建一个新的元素

var div1 = document.createElement('div')

2. 在某个节点前插入一个子节点

var insertElement = node.insertBefore(newElement, referenceElement)

删

1. 删除一个子节点child，返回被删除的节点

var oldChild = node.removeChild(child)

改

1. 用指定的节点替换某个节点，返回被替换掉的节点

var replaceChild = node.replaceChild(newChild, oldChild)

查

1. 判断当前节点是否包含子节点，返回一个布尔值

element.haschildNodes()

2. 查找第一个名为xxx的元素

类名为'xxx'
var class1 = document.querySelector('.xxx')
id名为'xxx'
var id1 = document.querySelector('#xxx')
xxx属性
var a = document.querySelector([xxx])

3. 查找所有名为xxx的元素

类名为'xxx'
var class1 = document.querySelectorAll('.xxx')
id名为'xxx'
var id1 = document.querySelectorAll('#xxx')
xxx属性
var a = document.querySelectorAll([xxx])