DOM操作

基础知识

创建：document.creatElement(标签名)

追加：父.appendChild(子节点)

插入：父.insertBefore(子节点,定位节点)

移除：父.removeChild(子节点)

文档碎片：document.createDocumentFragment() (提高效率仅停留在理论上)

获取子节点：1、父.childNodes[0] //第一个子节点 (配合nodeType使用)；2、父.children[0]，没有兼容性问题.

获取父节点：子.parentNode

获取实际父节点：子.offsetParent //获取实际上的父节点，如，使用了定位“position”，实际父节点可能会发生改变。

获取首(尾)节点：父.firstChild(lastChild)//IE 父.firstElementChild(lastElementChild)//FF (firstChild在FF中会获取到第一个结点是文本结点)

获取兄弟节点：节点.nextSibling(previousSibling)//IE 节点.nextElementSibling(previousElementSibling)//FF

操作元素属性

获取：元素.getAttribute(名称)

设置：元素.setAttribute(名称,值)

删除：元素.removeAttribute(名称)

元素灵活查找

获取：元素.className