DOM-1

笔记
获取节点：
document.getElementById()
document.getElementsByClassName()
document.getElementsByTagName()
document.getElementsByName()
document.querySelector()
document.querySelectorAll()
节点类型：
文本类型（3）
标签类型（1）
注释类型（8）
节点类型 nodeType
节点名字 nodeName
节点关系：
获取所有子节点：childNodes
获取所以标签子节点：children
获取父节点：parentNode
下一个兄弟节点：nextElementSibling (兼容IE：nextSibling)
上一个兄弟节点: previousElementSibling (兼容IE：previousSibling）
获取第一个子节点：firstElementChild
获取最后一个子节点：lastElementChild
常见节点操作：
创建标签节点：createElement('标签名')
创建文本节点：createTextNode('内容')
创建注释节点：createComment('注释')
替换节点：replaceChild(新节点，旧节点)
删除节点：removeChild(要删除的节点)
克隆节点：cloneNode(布尔值) true深复制复制节点，包括子节点。false：浅复制 复制节点，不包括子节点
属性操作方法：
设置属性值:getAttribute('属性名')
设置属性: setAttribute('属性名','属性值')
删除属性: removeAtrribute('属性名')
获取计算后的样式：
currentStyle(兼容IE)
getComputedStyle