DOM

1.DOM：文檔對象模型；

作用：1.賦予js操作節點的能力。當網頁加載時瀏覽器會創建頁面的DOM。

2.getElementById;  getElementsTagName;

3.對dom的支持程度；iE  10%，    Chrome  60%，  FF 90%，

4.節點

子節點：childNodes(包括文本節點和元素節點)

nodeType:節點類型

nodeType==3  文本節點

nodeType==1  元素節點

children:只包括元素；兼容所有瀏覽器；

父節點：parentNode();  用子元素控制父元素時用到；

offsetParent:獲取某個元素定位的父級

5.1首尾子節點

ie6---ie8用有效

firstChild:

lastChild:

其他：

firstElementChild

lastElementChild

5.2兄弟子節點

ie6---ie8用有效

nextSibling:

previousSibling:

其他：

nextElementSibling

previousElementSibling

6.元素屬性操作

 .

[]

能用點的也可用[]

setAttribute('屬性名稱','屬性值')；

7.用className選擇元素

封裝函數

7.1.獲取父元素

7.2.獲取子元素

7.3.循環子元素，找到每一個子元素；

//oParent父級元素,sClass子元素

function getByClass(oParent,sClass){

var a=oParent.getElementsByTagName('*');//*指所有的標籤；

var b=[]; //設置一個數組，用來儲存獲取判斷後的每一個子元素

for(var i=0;i<a.length;i++){

if(a[i].className==sClass){

b.push(a[i]);

}

}

return b;//循環結束後返回到數組中；

}