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;//循环结束后返回到数组中；

}