对不同浏览器的兼容问题的理解

仅代表个人理解 ，可参考

不同浏览器对相同一段代码有不同的解析。

例如：

InnerText,的兼容性问题：

从MND中我们可以查到“InnerText”在，各种浏览器，不同版本，中从哪个版本开始支持InnerText

csdn-大青虫

 

那么，对于不同版本的浏览器兼容问题怎么解决？

先看一段代码

<a id="text">这是一段可修改的文字<a/>

var element = document.getElementById('text');

var text=function（element）{

    if（element.InnerText）{//

    element.InnerText("修改后的内容"); //如果不为空（也就是浏览器兼容或支持的情况下），直接执行即可

    }else {

     //另外一种情况，就是浏览器不兼容或者不支持的情况下，就会返回空undefined

    //这个时候就进行另外处理，比如用InnerHTML代替......

    .....

   }

}

 

事实上我们不必去自己写浏览器兼容性处理，可以查SDN文档，

找到浏览器兼容相应的补丁，取得相关函数。

当然学到后期会有框架去解决这个问题，了解即可