IE和firefox的不同点

最新推荐文章于 2025-07-10 12:58:06 发布

原创最新推荐文章于 2025-07-10 12:58:06 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Firefox #浏览器

前端技术专栏收录该内容

8 篇文章

订阅专栏

本文提供了多种解决浏览器兼容性问题的方法，包括使用innerHTML代替innerText、将行插入到TBODY而非直接插入到表、使用object.style.cssText替代setAttribute('style')等。针对不同情况提出了具体的实现技巧。

1:innerText
[quote]IE支持，FIREFOX不支持
解决办法：用innerHTML,2种浏览器都识别innerHTML [/quote]

2:document.createElement
[quote]document.appendChild
在往表里插入行时
FIREFOX支持，IE不支持
解决办法：把行插入到TBODY中，不要直接插入到表 [/quote]

3:setAttribute('style','color:red;')
[quote]FIREFOX支持，IE不支持
解决办法：不用setAttribute('style','color:red')
而用object.style.cssText = 'color:red;'
最好的办法是上面种方法都用上 [/quote]

4:class
[quote]setAttribute('class','styleClass')
FIREFOX支持，IE不支持
解决办法：
setAttribute('class','styleClass')
setAttribute('className','styleClass')
2种都用上（注：IE和FF都支持object.className） [/quote]

5:用setAttribute设置事件
[quote]var obj = document.getElementById('objId');
obj.setAttribute('onclick','funcitonname();');
FIREFOX支持，IE不支持
解决办法：
IE中必须用点记法来引用所需的事件处理程序,并且要用赋予匿名函数
如下：
var obj = document.getElementById('objId');
obj.onclick=function(){fucntionname();};
这种方法所有浏览器都支持[/quote]

6：建立单选钮
[quote]IE以外的浏览器
var rdo = document.createElement('input');
rdo.setAttribute('type','radio');
rdo.setAttribute('name','radiobtn');
rdo.setAttribute('value','checked');
解决办法：
IE所支持方法
var rdo =document.createElement(" ");[/quote]