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

最新推荐文章于 2023-05-28 01:58:17 发布

原创最新推荐文章于 2023-05-28 01:58:17 发布 · 9.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #function #firebug #浏览器 #firefox

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在JavaScript中使用setAttribute()方法为元素动态添加事件监听器时遇到的浏览器兼容性问题，并提供了适用于不同浏览器（包括IE）的解决方案。

2、setAttribute()的差异我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。
var bar = document.getElementById("foo");
bar.setAttribute("onclick", "javascript:alert('This is a test!');");
这里利用setAttribute指定e的onclick属性，简单，很好理解。
但是IE不支持，IE并不是不支持setAttribute这个函数，而是不支持用setAttribute设置某些属性，例如对象属性、集合属性、事件属性，也就是说用setAttribute设置style和onclick这些属性在IE中是行不通的。
为达到兼容各种浏览器的效果，可以用点符号法来设置Element的对象属性、集合属性和事件属性。document.getElementById("foo").onclick= function () { alert("This is a test!"); }