<HTML>
<HEAD>
<TITLE>Mouse Capture</TITLE>
<SCRIPT>
// Get the element, add a click listener...
document.getElementById("parent-list").addEventListener("click",function(e) {
// e.target is the clicked element!
// If it was a list item
if(e.target && e.target.nodeName == "LI") {
// List item found! Output the ID!
console.log("List item ",e.target.id.replace("post-")," was clicked!");
}
});
</SCRIPT>
</HEAD>
<BODY>
<ul id="parent-list">
<li id="post-1">Item 1</li>
<li id="post-2">Item 2</li>
<li id="post-3">Item 3</li>
<li id="post-4">Item 4</li>
<li id="post-5">Item 5</li>
<li id="post-6">Item 6</li>
</ul>
</BODY>
</HTML>
上面的代码来自这里:http ://davidwalsh.name/event-delegate
问题:
我在 Chrome 和 Firework 中尝试了上面的代码,都不起作用,在 firefox->console 中,它显示:TypeError: document.getElementById(...) is null
,那么问题是什么?