DOM创建节点

1.DOM--document object model

　　常用的节点类型：

　　　　元素节点；（标签）

　　　　属性节点；（标签里的属性）

　　　　文本节点；（文本节点）

2，document有个属性叫nodetype，返回的是数字

　　代表元素节点；属性节点；文本节点

3，节点的获取：

　　元素节点--

　　　　document.getelementById（）

　　　　document.getelementsByTagName（）

　　　　document.getelementsByClassName（）

　　　　document.queryselector（）

　　　　document.queryselectorall（）

　　　属性节点--

　　　　　ys.attributes 获取元素身上的所有属性构成的集合

　　　　　ys.attributes[i].value 得到属性集合里面的值

　　　　　ys.getAttribute（“属性名”） 获取属性值的方法

　　　　　ys.setAttribute（“属性名”，“属性值”） 给元素设置属性，属性值

　　　　　ys.removeAttribute（“属性”）删除属性

　　　　文本节点--

4，获取元素子节点：

　　元素.childNode　　这个属性有兼容性，标准浏览器会获取到文本节点

　　元素.children　　低版本（建议使用）

5，获取父节点：

　　元素.parentNode（没兼容性）

　　区分offsetparent和parentnode区别：

　　　　offsetparent（position：relative/absolute）

　　　　offsetNode（父节点）

DOM --动态创建节点：

　　1，生成节点的方法：

　　　　document.createElement（“div”）

　　2，插入节点：

　　　　父元素.appendChild（新节点）　　在父元素的子节点后面插入新节点

　　3，在指定位置插入新的节点

　　　　父元素.inSertBefore（新节点；谁的前面）　　将新节点插入指定元素前面

　　4，删除元素节点：

　　　　父元素.removerChild（）