javascript - querySelectorAll返回带有未定义对象的NodeList

我正在学习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>

我因为问这么简单的问题而感到迟钝，但我研究了这个问题已经很长时间了，我希望有人能在几分钟内轻松找到答案。

querySelectorAll返回带有未定义对象的NodeList

0 个答案: