Question

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

<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)}

实例演示如下：

1. 创建Html元素

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

2. 设置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;}

3. 编写jquery代码

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

4. 观察效果

   

Answer 3

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