JS中点击按钮获取按钮自身id的方法,实例在线

JS中点击按钮获取按钮自身id的方法

在JavaScript的某些编程中,可能需要将多个按钮button的onclick事件的触发函数设计为同一个函数,这样不但可以节省代码,提高开发效率,也便于JS代码的维护和修改。可那么多的button使用同一个事件函数,那该怎么精确匹配那个被点击的按钮呢?

可以使用JS中内置的this关键词,在事件当中,this将指向接收事件的元素本身。然后通过this获取id,并作为参数进行传递给onclick的事件函数,语法如下:

onclick = "func(this.id)"

提示:func为自定义的onclick事件的处理函数。


JS中点击按钮获取按钮自身id实例代码,及在线编辑器

<button id='x1y1z1.com' onclick='getId(this.id)'>获取ID属性</button>

<script>
  function getId(IDarg){
    var text = "当前的ID为:"+IDarg
    alert(text)
  }
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.