JS：按钮单击时，如何获得自己的ID？

Question

<input id='btn1' type='button' onclick='test()' title=23 value='保存' />

如何在test()这段脚本获得"btn1"

Answer 1

答案

将html代码改为

<input id='btn1' type='button' onclick='test(this)' title=23 value='保存' />

其中加粗的this是相对你的代码增加的部分。

然后在你页面的js中写一个函数如下：

function test(element){

alert(element.id)

}

演示

我为此问题写了一个测试页面，可以点击查看在线测试代码。

这是演示页面的结构：

现在点击保存按钮

弹出的提示就是按钮的ID

Answer 2

Dom对象的id属性可以获取元素的id值。关键代码如下：

<!-- HTML结构 -->
<input id='btn' type='button' onclick='test(this)' value='点击获取当前按钮的id' />

// javascript代码
function test(obj){alert(obj.id)}

实例演示如下：

创建Html元素

<div class="box">
<span>实例演示：获取被点击元素的id</span><br>
<div class="content">
    <input id='btn' type='button' onclick='test(this)' value='点击获取当前按钮的id' />
</div>
</div>

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

function test(obj){
alert(obj.id)
}

观察效果

Answer 3

用表单元素应该可以得到ID