on单击以获取所单击按钮的 ID

javascript html

2022-08-29 23:31:08

如何找到正在点击的按钮的ID？

<button id="1" onClick="reply_click()"></button>
<button id="2" onClick="reply_click()"></button>
<button id="3" onClick="reply_click()"></button>

function reply_click()
{
}

答案 1

您需要将 ID 作为函数参数发送。像这样做：

<button id="1" onClick="reply_click(this.id)">B1</button>
<button id="2" onClick="reply_click(this.id)">B2</button>
<button id="3" onClick="reply_click(this.id)">B3</button>
    
<script type="text/javascript">
  function reply_click(clicked_id)
  {
      alert(clicked_id);
  }
</script>

这将发送可在函数中使用的 ID。在此处查看其实际效果。this.idclicked_id

答案 2

通常，如果将代码和标记分开，则更容易保持井井有条。定义所有元素，然后在 JavaScript 部分中，定义应对这些元素执行的各种操作。

调用事件处理程序时，将在单击的元素的上下文中调用它。因此，这将引用您单击的 DOM 元素的标识符。然后，您可以通过该标识符访问元素的属性。

例如：

<button id="1">Button 1</button>
<button id="2">Button 2</button>
<button id="3">Button 3</button>

<script type="text/javascript">
var reply_click = function()
{
    alert("Button clicked, id "+this.id+", text"+this.innerHTML);
}
document.getElementById('1').onclick = reply_click;
document.getElementById('2').onclick = reply_click;
document.getElementById('3').onclick = reply_click;
</script>