JS：為什么當我點擊按鈕時沒有提示信息？

Question

我嘗試下面的代碼，但是當我單擊按鈕時不顯示警報消息！

let clickButton = document.getElementsByClassName("buttonClass");

clickButton.onclick = clickFunc;

function clickFunc(){ alert("hello")};

console.log(clickButton);

我用 document.createElement 創建按鈕

控制台日志返回這個

我嘗試過：

1. 要像這樣只選擇一個按鈕， let clickButton = document.getElementsByClassName("buttonClass")[1]; 但沒有

2. 我也嘗試通過標記名獲取元素，使用一定長度的按鈕循環和添加事件偵聽器，但再也沒有

Answer 1

 let buttons = document.getElementsByClassName("buttonClass"); for (var i = 0; i < buttons.length; i++) { buttons.item(i).addEventListener('click', function(e) { alert("hello"); }); }

 <button type="button" class="buttonClass">button 1</button> <button type="button" class="buttonClass">button 2</button> <button type="button" class="buttonClass">button 3</button> <button type="button" class="buttonClass">button 4</button> <button type="button" class="buttonClass">button 5</button>

由於您通過 class 定位，因此您將獲得一組元素。 因此，您必須迭代並將單擊事件附加到每個元素，如下所示；

let buttons = document.getElementsByClassName("buttonClass");
for (var i = 0; i < buttons.length; i++) {
  buttons.item(i).addEventListener('click', function(e) {
    alert("hello");
  });
}