智能社JavaScript视频教程

DOM

DOM节点

标签 元素 节点

                   document

IE                 (6~8)10%

Chrome          60%

FF                 99%

文本节点 元素节点

childNodes 高级浏览器中会把文本节点也计算在内

(Ie6~Ie8)

Chrome

nodeType 节点的类型

=3  文本节点

=1 元素节点

children 只包括元素节点 不包含文本节点

子节点只算第一层（儿子）

parentNode 父节点

offsetParent 

首未子节点

  有兼容性问题

  firstChild(高版本浏览器下指第一个文本节点）、firstElementChild

  lastChild、lastElementChild

兄弟节点

  有兼容性问题

  nextSibling、nextElementSibling

  previousSibling、preciousElementSibing

firstElementChild 第一个元素节点（IE7不兼容）

DOM方式操作元素属性

getAttribute(名称)

setAttribute(名称、值)

removeAttribute(名称)

ClassName选择元素

function getByClass(oParent,sClass)

{

   var aEle=oParent.getElementsByTagName('*');

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

     {

       if(aEle[i].className==sClass)

        {

            aResult.push(aEle[i]);

        }

     }

return aResult;

}

}