筆記-[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.