IE和火狐的区别

1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行 (2)解决方法： 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题： 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox(火狐)不能。 (2)解决方法： 改用 [] 作为下标运算。如：document.forms("formName") 改为 document.forms["formName"]。 又如：document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1] (3)其它 3. window.event (1)现有问题： 使用 window.event 无法在火狐浏览器上运行 (2)解决方法： 火狐 的 event 只能在事件发生的现场使用，此问题暂无法解决。可以这样变通： 原 代码(可在IE中运行)：

...
15. 事件委托方法 IE：document.body.onload = inject; //Function inject()在这之前已被实现 Firefox：document.body.onload = inject(); 有人说标准是： document.body.οnlοad=new Function('inject()'); 16. firefox与IE(parentElement)的父元素的区别 IE：obj.parentElement firefox：obj.parentNode 解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择. 17.cursor:hand VS cursor:pointer firefox不支持hand，但ie支持pointer 解决方法: 统一使用pointer 18.innerText在IE中能正常工作，但是innerText在FireFox中却不行. 解决方法: if(navigator.appName.indexOf("Explorer") > -1){ document.getElementById('element').innerText = "my text"; } else{ document.getElementById('element').textContent = "my text"; } 19. FireFox中类似 obj.style.height = imgObj.height 的语句无效 解决方法： obj.style.height = imgObj.height + 'px'; 20. IE,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChile方法也不管用。 解决方法： //向table追加一个空行： var row = otable.insertRow(-1); var cell = document.createElement("td"); cell.innerHTML = " "; cell.className = "XXXX"; row.appendChild(cell); 21. padding 问题 padding 5px 4px 3px 1px FireFox无法解释简写, 必须改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px; 22. 消除ul、ol等列表的缩进时 样式应写成:list-style:none;margin:0px;padding:0px; 其中margin属性对IE有效，padding属性对FireFox有效 23. CSS透明 IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 FF：opacity:0.6。 24. CSS圆角 IE：不支持圆角。 FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;。 25. CSS双线凹凸边框