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

来源：百度知道 编辑：UC知道 时间：2024/05/26 18:06:03
<input id='btn1' type='button' onclick='test()' title=23 value='保存' />

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

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