DOM文档树

节点操作

获取节点

getElementById

element = document.getElementById(id)

getElementsByTagName

collection = element.getElementsByTagName(tagName)
返回值为动态的集合

getElementsByClassName

collection = element.getElementsByClassName(className)
兼容性解决

querySelector/All

list = element.querySelector/All(selector)
Selector获取第一个元素，All获取所有元素
list不是动态的集合，一旦获取到，就不会改变

创建节点

element = document.creatElement(tagName)

修改节点

element.textContent

节点及其后代节点中的文本内容

element·.innerText

ff不支持
兼容性解决

插入节点

appendChild

var a = element.appendChild(achild) 在指定元素后添加节点

insertBefore

var a = element.insertBefore(achild，reference) 在指定元素最前面插入节点

删除节点

removeChild

child = element.removeChild(child)

innerHTML

element.innerHTML

节点的HTML内容
会有内存泄漏，安全问题