时间戳

首页 > 解决方案 > 试图让这个程序在下面工作，但当我使用 .lenght 时总是不确定

javascript - 试图让这个程序在下面工作，但当我使用 .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);

每当我运行此命令时，我都会在控制台日志中得到未定义的答案。

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

标签： javascripthtmlarraysbuttonselectors-api

解决方案

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

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>

推荐阅读