各浏览器中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

---