從javascript中單擊的多個按鈕獲取價值

Question

我試圖根據click事件獲取button的值，但是它返回的是null值。 有人可以建議我這樣做的正確方法嗎？

碼：：

<html lang="en">
<head>
  <title>elevator</title>
</head>
<body>
 <button id="btn0" onclick="inFunction(0)" >0</button>
  <button id="btn1" onclick="inFunction(1)" >1</button>
  <button id="btn2" onclick="inFunction(2)" >2</button>
  <button id="btn3" onclick="inFunction(3)" >3</button>
  <button id="btn4" onclick="inFunction(4)" >4</button>
  <button id="btn5" onclick="inFunction(5)" >5</button>

 <script>
 function inFunction(clickedValue) {
      var btnValue = document.getElementById(clickedValue.id).value;
      console.log(btnValue);
}
 </script>

</body>

Answer 1

方法中的clickedValue是數字，而不是對象。 發送“此”或ID。 如果您已經有了元素，則無需getElementById。

如果希望它與顯示的內容不同，也可以獲取innerText，或設置input ='...'屬性。

 <html lang="en"> <head> <title>elevator</title> </head> <body> <button id="btn0" onclick="inFunction(this)" >0</button> <button id="btn1" onclick="inFunction(this)" >1</button> <button id="btn2" onclick="inFunction(this)" >2</button> <button id="btn3" onclick="inFunction(this)" >3</button> <button id="btn4" onclick="inFunction(this)" >4</button> <button id="btn5" onclick="inFunction(this)" >5</button> <script> function inFunction(ele) { var btnValue = ele.innerText; console.log(btnValue); } </script> </body>

從javascript中單擊的多個按鈕獲取價值

問題描述

1 個解決方案

解決方案1
2 已采納 2018-08-07 22:30:04

從javascript中單擊的多個按鈕獲取價值

問題描述

1 個解決方案

解決方案1 2 已采納 2018-08-07 22:30:04

解決方案1
2 已采納 2018-08-07 22:30:04