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

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

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

实例演示如下：

创建Html元素

<div class="box">
    <span>实例演示：获取被点击元素的id</span>
    <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)
}

效果

标签

482 回复

回复 716549276@163.com 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注