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 个答案: