javascript - 如何在 javascript 中向 div 添加 onclick 函数？

Question

我有一段 javascript 用于将 onclick 事件添加到 div。

div 看起来像这样:

<div id="deck0" class="deck"></div>

我的 javascript 有:

var i = 1;
document.getElementById('deck0').SetAttribute("onclick", "begin("+i+")");   

但是我得到这个错误:

Uncaught TypeError: Object #<HTMLDivElement> has no method 'SetAttribute' 

我做得对吗，还是我想达到的目标不可能实现？

Answer 1

不要使用setAttribute 来设置监听器，并非所有浏览器都允许这样做。直接设置属性要好得多:

document.getElementById('deck0').onclick = begin;

或使用addEventListener:

document.getElementById('deck0').addEventListener('click', begin, false);

如果需要传递参数，则:

document.getElementById('deck0').onclick = function() {begin(i);};

addEventListener 也类似。

请注意，早期版本的 IE 不支持 addEventListener，因此您需要一个跨浏览器功能来测试支持。在缺少的地方，测试 attachEvent 并回退到直接属性方法。搜索“addEvent”函数，有很多示例。