各浏览器中javascript兼容性问题

1、使用setAttribute()改变网页中标签的onclick属性
2、IE中通过 setAttribute添加的属性



1、使用setAttribute()改变网页中标签的onclick属性 *p1

      setAttribute设置style和onclick这些属性在IE中是行不通的。

< script type = " text/javascript " >
     function  cancleEvent()
    {
        document.getElementById('a').setAttribute( " onclick " ,'');
        document.getElementById('g').innerHTML = " 取消事件！ " ;
    }

     function  setEvent()
    {
        document.getElementById('a').setAttribute( " onclick " ,'alert( " 你好！ " )'); // firefox     
        document.getElementById('a').onclick =   function  () { alert( " This is a test! " ); } // IE firefox也有作用,但是使用firebug调试看不到修改后的效果，使用上面的方法可以看到。     
        document.getElementById('Div1').innerHTML = " 设置事件！ " ;
    }
</ script >

注：
*p1：使用setAttribute()改变网页中标签的onclick属性    http://blog.csdn.net/Cnami/archive/2008/05/27/2486516.aspx

---

2、IE中通过 setAttribute添加的属性 *p2

      IE下setAttribute设置元素的对象、集合和事件属性都只当成普通属性，起不到原有的作用，但可以直接进行赋值操作。

< script language = " javascript "  type = " text/javascript " >
<!--
function  init() {
     var  obj  =  document.getElementById( " btn " );
    obj.onclick = changeValue;
    obj.style.background = " #CC6600 " ;
}
function  changeValue() {
    document.getElementById( " txt " ).value  =   " New value! " ;
}
-->
</ script >

注：
*p2：[求助]通过 setAttribute 添加的属性在 IE 下不被实现？ http://bbs.blueidea.com/viewthread.php?tid=2290521

---

转载于:https://www.cnblogs.com/kiant71/archive/2010/05/11/1751990.html