JavaScript中解决多浏览器兼容性23个问题的快速解决方法

<input type="button" onclick="doSomething(event)"/> 
<script language="javascript"> 
function doSomething(evt) { 
var myEvent = evt"htmlcode">

if(navigator.appName.indexOf("Explorer") >-1){ 
document.getElementById('element').innerText = "my text"; 
} else{ 
document.getElementById('element').textContent = ";my text"; 
} 


[注] innerHTML 同时被ie、firefox等浏览器支持，其他的，如outerHTML等只被ie支持，最好不用。
十八、Table操作问题 
问题说明：ie、firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChild方法也不管用。document.appendChild在往表里插入行时FIREFOX支持，IE不支持
解决办法：把行插入到TBODY中，不要直接插入到表
解决方法：


//向table追加一个空行： 
var row = otable.insertRow(-1); 
var cell = document.createElement("td"); 
cell.innerHTML = ""; 
cell.className = "XXXX"; 
row.appendChild(cell);


[注] 建议使用JS框架集来操作table，如JQuery。
"htmlcode">

var detailT= grid.gettable("11"); 
  //获取行的长度
  var r=detailT.rows.length; 
  //获取列的长度
  var l=detailT.cells.length;


而在火狐或谷歌中获取列的长度就是无效的。
解决方案：


var detailT= grid.gettable("11"); 
//获取行的长度
var r=detailT.rows.length;
//获取列的长度
var l=detailT.rows[0].cells.length;


十九、对象宽高赋值问题 
问题说明：FireFox中类似 obj.style.height = imgObj.height 的语句无效。
解决方法：统一使用 obj.style.height = imgObj.height + ‘px';
二十、setAttribute('style','color:red;') 
FIREFOX支持(除了IE，现在所有浏览器都支持)，IE不支持
解决办法：不用setAttribute('style','color:red')
而用object.style.cssText = ‘color:red;'(这写法也有例外)
最好的办法是上面种方法都用上，万无一失
二一、类名设置 
setAttribute('class','styleClass')
FIREFOX支持，IE不支持(指定属性名为class，IE不会设置元素的class属性，相反只使用setAttribute时IE自动识CLASSNAME属性)
解决办法：


setAttribute('class','styleClass') 

setAttribute('className','styleClass') 

或者直接 object.className='styleClass'; 


IE和FF都支持object.className。
二二、用setAttribute设置事件 
var obj = document.getElementById('objId'); 

obj.setAttribute('onclick','funcitonname();');
FIREFOX支持，IE不支持
解决办法：
IE中必须用点记法来引用所需的事件处理程序,并且要用赋予匿名函数
如下：


var obj = document.getElementById('objId'); 
obj.onclick=function(){fucntionname();}; 


这种方法所有浏览器都支持
二三、建立单选钮 
IE以外的浏览器


var rdo = document.createElement('input'); 
rdo.setAttribute('type','radio'); 
rdo.setAttribute('name','radiobtn'); 
rdo.setAttribute('value','checked'); 


IE:


var rdo =document.createElement(”<input name=”radiobtn” type=”radio” value=”checked” />”); 


解决办法： 


这一点区别和前面的都不一样。这次完全不同，所以找不到共同的办法来解决，那么只有IF-ELSE了 

万幸的是，IE可以识别出document的uniqueID属性，别的浏览器都不可以识别出这一属性。问题解决。 
以上这篇JavaScript中解决多浏览器兼容性23个问题的快速解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。