我正在学习javascript / html5,我遇到了一个令人沮丧的问题: 我的代码应该可以使2个元素可点击,但它什么都不做。调试器没有给我任何信息(使用chrome)。我尝试使用document.write进行调试,它似乎返回一个空的NodeList。
<!doctype=html>
<html lang = "en">
<head><meta charset="utf-8" /><script type="text/javascript">
function getStuff(){
var list = document.querySelectorAll(".tuna");
for(var i=0; i<list.lenght; i++){
list[i].onclick = talk;
}
}
function talk(){
alert("this could be a fish");
}
window.onload=getStuff();
</script></head>
<body>
<p class="tuna">bla</p>
<p class="bacon">bla2</p>
<p class="tuna">bla3</p>
</body>
</html>
我因为问这么简单的问题而感到迟钝,但我研究了这个问题已经很长时间了,我希望有人能在几分钟内轻松找到答案。