从 JavaScript 中单击的多个按钮获取值

我正在尝试根据单击事件获取按钮的值，但它返回空值。谁能建议我正确的方法？

法典：：

<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>

clickedValue在你的方法中是一个数字，而不是一个对象。发送"this"或 id。如果你已经有了这个元素，就不需要getElementById。

也可以获取内部文本，或设置 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>

相关内容

最新更新

热门标签：