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 >
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 >
<!--
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