IE与FireFox的JavaScript兼容问题解决办法

本篇文章主要是对IE与FireFox的JavaScript兼容问题解决办法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助

以下是我在开发中遇到的情况：

1、动态删除table里的某一行。

table：表示table对象。

k：表示行号

table.rows[k].removeNode(true); //firefox执行失败，ie执行成功

IE与FireFox兼容写法

table.deleteRow(k);

2、为HTML标签自定义属性。

inputElement：表示表单元素。

propertyName：表示表单元素下的某个属性

inputElement.propertyName; //firefox执行失败，ie执行成功

IE与FireFox兼容写法

document.getElementById("txtInput").attributes["idvalue"].nodeValue

3、在指定位置插入HTML元素。

inputElement：表示表单元素。

vDiv：表示将要插入的HTML元素。

inputElement.insertAdjacentElement("AfterEnd",vDiv);//firefox执行失败，ie执行成功

IE与FireFox兼容写法

在firefox中，没有该方法的定义，因此，如果需要调用该方法，需要自己重定义该方法。

复制代码代码如下:

//重写insertAdjacentElement()方法，因为firefox中没有该方法
             HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){
                switch(where){
                    case "beforeBegin":
                        this.parentNode.insertBefore(parsedNode,this);
                        break;
                    case "afterBegin":
                        this.insertBefore(parsedNode,this.firstChild);
                        break;
                    case "beforeEnd":
                        this.appendChild(parsedNode);
                        break;
                    case "afterEnd":
                        if(this.nextSibling)
                            this.parentNode.insertBefore(parsedNode,this.nextSibling);
                        else
                            this.parentNode.appendChild(parsedNode);
                        break;
                    }
                }