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

如何找到正在单击的按钮的 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()
{
}

分割线

网友回答：

您需要将 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

分割线

网友回答：

通常，如果将代码和标记分开，则更容易保持井井有条。定义所有元素，然后在 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>

分割线

网友回答：

使用纯 JAVASCRIPT：我知道它已经晚了，但可能对未来的人们有帮助：

在 HTML 部分中：

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

在 Javascipt 控制器中：

function reply_click()
{
    alert(event.srcElement.id);
}

这样我们就不必在调用 javascript 函数时绑定 Element 的 ‘id’。

模板简介：该模板名称为【html如何找到正在单击的按钮的 ID？】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。