标签：css
元素：js
节点：dom
DOM：document
DOM节点：分为文本节点和元素节点
子节点:childNodes nodeType
nodeType==3 文本节点
nodeType==1 元素节点
children：只包括元素，不包括文本，更好用一些
childNodes：包括元素和文本
子节点只算第一层，不会往里层继续算
父节点：只计算一层parentNode
offsetParent:寻找用来定位的父级，可以跨好几层，直至body层为止
首尾子节点：firstChild、firstElementChild
lastChild lastElementChild
兄弟节点：
nextSibling、nextElementSibling
previousSibling、previousElement Sibling
解决兼容性问题：
if(firstElementChild ){
firstElementChild
}
else{
firstChild
}
setAttribute（名称，值）
getAttribute（名称，值）
removeAttribute（名称）
用className选择元素：封装成函数
创建DOM元素：
第一步：createElement（标签名）
第二步：对相应的父级.appendChild（子节点）对相应的父级. insertBefore（子节点，谁的前面插）
插入元素：对相应的父级. insertBefore（子节点，原有节点）
删除子节点：removeChild（子节点）
文档碎片：文档碎片可以提高DOM操作性能（理论上），现在基本不用了