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>