leo列

导航

2012年11月7日 #

兼容的firstChild,lastChild,nextSibling,previousSibling写法

摘要: 在IE下是支持firstChild,lastChild,nextSibling,previousSibling但是在FF下,由于它会把标签之间的空格当成文本节点,所以为了准确地找到相应的元素,会用firstElementChild,lastElementChild,nextElementSibling,previousElementSibling兼容的写法是这样的var oFirst = oParent.firstElementChild||oParent.firstChild 也可以这么写 var oFirst = oParent.children[0]; var oLast = oPare 阅读全文

posted @ 2012-11-07 16:49 leo列 阅读(2809) 评论(1) 推荐(0) 编辑

DOM的childNodes兼容的问题

摘要: 因为FF下,会把标签之间的空格也算进去,所以很多时候,oParent.childNodes.length在FF和IE下是不同的,为了排除这种影响可以和nodeType结合起来用当nodeType=1时是元素节点当nodeType=2时是属性节点当nodeType=3时是文本节点那么可以结合nodeType得到父元素的子节点,具体函数代码如下:function getChildren(oParent){ var aResult = []; var aChild = oParent.childNodes; for(var i=0;i<aChild.length;i++) ... 阅读全文

posted @ 2012-11-07 16:33 leo列 阅读(959) 评论(0) 推荐(0) 编辑

兼容的用class来选取元素和设置元素

摘要: 一,选取元素function getByClass(oParent,sClass){ var aResult = []; var aEle = oParent.getElementsByTagName("*"); for(var i=0;i<aEle.length;i++) { if(aEle[i].className==sClass) { aResult.push(aEle[i]); } } return a... 阅读全文

posted @ 2012-11-07 16:01 leo列 阅读(136) 评论(0) 推荐(0) 编辑