dom节点

dom节点
节点是使用node表示
nodeType 节点类型
nodeName 节点名
nodeValue 节点值

子元素对象.parentNode 会一直朝上查找父节点直到找到document 在朝上查

parentElement 终端父节点是html 再朝上查找就会返回null

childNode 所有的子节点  获取的伪数组

children 获取所有的子节点的元素不包含空格   i9以上才支持 获取的伪数组

firstchild 获取第一个子节点

firstElementChild 拿到第一个子元素  i9及以上

lastChild 拿到的是最后一个子节点

lastElementChild 拿到最后一个子元素 i9及以上

nextSibling 查找下一个兄弟节点

nexElementSibling 查找下一个兄弟元素

previousSibling 查找上一个兄弟节点

previousElementSibling 查找上一个兄弟元素

更改节点 
显示的内容
.innerHTML

创建节点
.createElement

插入节点
需要插入的内容.appendChild（需要插入的节点）  插入新的子节点

insetBefore（）插入兄弟元素的前面

删除节点
removeChild（想要移除的元素）
remove（）移除自己和自己的后代

替换节点

replaceChild（新的节点，老的节点）

克隆节点
需要克隆的节点.cloneNode（） 如果括号为空或flase则拷贝一层如果是true则是全部拷贝

etElementById(id) - 获取带有指定 id 的节点（元素）
appendChild(node) - 插入新的子节点（元素）
removeChild(node) - 删除子节点（元素）
一些常用的 HTML DOM 属性：

innerHTML - 节点（元素）的文本值
parentNode - 节点（元素）的父节点
childNodes - 节点（元素）的子节点 
attributes - 节点（元素）的属性节点

document。write 页面重绘 建议少用甚至不用
createElement 和innerhtml createElement相对innerhtml来说会快一点如果创建的内容比较少