[转]firefox与IE的nextSibling

最新推荐文章于 2020-07-15 21:21:05 发布

最新推荐文章于 2020-07-15 21:21:05 发布 · 69 阅读

文章标签：

本文讨论了Firefox与IE浏览器中JavaScript的兼容性问题，包括document.all与getElementById的区别、处理firstChild与nextSibling的方法及代码实现，并提及了ID大小写敏感性和NULL字符处理的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文转自：http://ailantian.bokee.com/6418694.html

原文如下：

网上firefox和ie的javascript兼容性也讲的比较多了
可以在百度上搜索"firefox javascript 兼容性"
比较简单的东西百度上能找到中文的就用baidu好了.
主要一般都是document.all这样的应用,一般改为getElementById
还有就是一个页面有多个表单的时候需要注意一些问题.

下面还有一些需要补充的
就是firstChild,nextsbiling这两个.
下面给出函数吧.还是代码比较说明问题
代码都是网上来的.
不过要注意的是,getNext和getFirstChild是不一样的
next是下一个,同级别的下一个,不会取到自己这个节点的子节点.

可能是因为对dom的理解不一样ie和firefox对firstChild,nextSbiling的处理不太一样.
所以要取到下一个结点,只能用type来判断了.

function getNextSibling(startBrother){
endBrother=startBrother.nextSibling;
while(endBrother.nodeType!=1){
endBrother = endBrother.nextSibling;
}
return endBrother;
}

function getNextSibling1(obj){
if(obj.nextSibling.nodeType==3) {
sibling=obj.nextSibling.nextSibling; // Moz. Opera
}
else {
sibling=obj.nextSibling; // IE
}
return sibling;
}
function getFirstChild(obj){
for (i=0; i<obj.childNodes.length; i++){
if (obj.childNodes[i].nodeType==1)
return obj.childNodes[i];
else
continue;
}

需要使用的时候先getElementByid获取到首结点,然后就可以取到后面的结点了.

另外就是ie不区分变量大小写,收到html首先就格式化了,所以要注意id可能会相同.
会导致一些问题.

另外就是ie会把NULL字符转换成space空格,firefox是不会处理的,但是
如果javascript里面处理NULL会有一些问题.opera基本能够兼容IE的一些
函数,比如documnet.all等等.基本都能用吧,不过空字符还是不行的.是变量中的空字符
会带来问题.