试图让这个程序在下面工作，但在我使用 .lenght 时总是未定义

问题描述

var numberOfdrumButtons = document.querySelectorAll("button");
for(var i = 0; i<7; i++){

    document.querySelectorAll("button")[i].addEventListener("click",handleClick);

    function handleClick(){
       alert("i Got Clicked");
    }
}
console.log(numberOfdrumButtons.lenght);

每当我运行这个命令时，我都会在控制台日志中得到 undefined 作为答案。

这是一个显示程序中有多少按钮的程序，但 .lenght 功能似乎对我不起作用。

解决方法

基本上你有一个拼写错误：“长度”应该是“长度”。

var numberOfDrumButtons = document.querySelectorAll("button");

for (var i = 0; i < numberOfDrumButtons.length; i++) {
  document.querySelectorAll("button")[i].addEventListener("click",handleClick);
}

function handleClick() {
  alert("i Got Clicked");
}

console.log(numberOfDrumButtons.length);

<button>B1</button>
<button>B2</button>
<button>B3</button>
<button>B4</button>