笔记-[1]-DOM的节点操作详解.

DOM:文档对象模型

操作DOM基本就是操作DOM的元素节点.

节点的属性:

　　1:objElement.childNodes  :获取该元素对象的的节点集合，有length长度属性，在标准浏览器下使用，会辩认文本节点的节点,一般不用，有其他的更好的属性(children)

　　2:objElement.children :     获取该元素对象的的节点集合，有length长度属性,在ie8下和其他标准浏览器兼容，只获取元素节点。

　　3:obj.nodeType   :获取对象的节点类型,1为元素节点、2为属性节点、3为文本节点，当然还有其他的节点类型，这三种是常用的。

　　4:objElement.attributes :获取元素对象的属性节点集合，有length长度属性，atrributes也有属性

　　　　　　--objElement.atrributes.name   获取该属性的名字

　　　　　　--objElement.atrributes.value　 获取该属性的值

　　子节点的操作:

　　获取元素的第一个子节点的属性是：firstChild || firstElementChild (不建议用,有兼容性问题),最好用是的：parentEle.children[0];

　　获取元素的最后一个子节点的属性是：lastChild|| lastElementChild

　　兄弟节点的操作：

　　获取下一个兄弟节点的属性:nextSibling || nextElementSibling

     获取上一个兄弟节点的属性:previousSibling || previousElementSibling

　　父节点的操作：

　　获取元素父节点的属性：parentNode (obj.parentNode)  标准和非标准下都可用，没有兼容性问题。

　　offsetParent属性：获取该元素对象的最近的一个有定位的父级，如果没有定位父级，默认是body;ie7下有(haslayout)bug.