IE和Firefox的Javascript兼容性总结

核心提示： 例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问：IE： window.top.frameId或者window.top.frameName来访问这个window对象；Firefox：只能这样window.top.frameName来访问这个window对象，I

例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问：

IE： window.top.frameId或者window.top.frameName来访问这个window对象；

Firefox：只能这样window.top.frameName来访问这个window对象。

【兼容处理】使用frame的name来访问frame对象，另外，在IE和Firefox中都可以使用window.document.getElementById(”frameId”)来访问这个frame对象。

4. parentElement

【分析说明】IE中支持使用parentElement和parentNode获取父节点。而Firefox只可以使用parentNode。

【兼容处理】因为firefox与IE都支持DOM，因此统一使用parentNode来访问父节点。

5. table操作

【分析说明】IE下table中无论是用innerHTML还是appendChild插入<tr>都没有效果，而其他浏览器却显示正常。

【兼容处理】解决的方法是，将<tr>加到table的<tbody>元素中，如下面所示：

var　row　=　document.createElement("tr");
var　cell　=　document.createElement("td");
var　cell_text　=　document.createTextNode("插入的内容");
cell.appendChild(cell_text);
row.appendChild(cell);
document.getElementsByTagName("tbody")[0].appendChild(row);

6. 移除节点removeNode()和removeChild()

【分析说明】appendNode在IE和Firefox下都能正常使用，但是removeNode只能在IE下用。

removeNode方法的功能是删除一个节点，语法为node.removeNode（false）或者node.removeNode（true），返回值是被删除的节点。

removeNode（false）表示仅仅删除指定节点，然后这个节点的原孩子节点提升为原双亲节点的孩子节点。