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

答案

将html代码改为

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

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

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

function test(element){

alert(elementid)

}

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

这是演示页面的结构：

现在点击保存按钮

d出的提示就是按钮的ID

    开发中，当执行一个事件时需要去知道触发这个事件的对象是谁？那么，如何获取，在这里我就对 eventsrcElement与eventtarget *** 作获取略作区分 。

eventsrcElement： 表示可以获取当前作用事件的对象。

eventtarget： 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。

兼容性：

eventtarget： Ie9+ 火狐、谷歌；

eventsrcElement：ie 678；

srcElement 是 IE 下的属性

target 是 Firefox 下的属性

Chrome 浏览器同时有这两个属性

一、利用eventsrcElement 获取标签：

eventsrcElementtagName ：因为它获取出来的都是以 大写 的形式，例如（“A”，“DIV”）所以需要转换 objtagNametoLowerCase()="a"

二、 利用eventsrcElement 获取子对象:

第一个子标签 ：eventsrcElementfirstChild;

最后个一个是： eventsrcElementlastChild;

第几个孩子： eventsrcElementchildren[i];

所有孩子： eventsrcElementchildren;

所有孩子节点： eventsrcElementchildNodes;

三、利用eventsrcElement 获取父对象：

eventsrcElementparentElement； 可以理解成是在鼠标所在对象的上一个对象。

四、venttarget的 判断使用  

 js中事件是会泡的，eventtarget它永远是直接接受事件的目标DOM元素  

一般是获取这个对象的id，兼容的写法如下：

var targetId = eventtarget eventtargetid : eventsrcElementid;

获取id后再拿到事件中去判断。

谢谢观读~

��

以上就是关于JS：按钮单击时，如何获得自己的ID全部的内容，包括:JS：按钮单击时，如何获得自己的ID、JS轻松获取对象之srcElement与target篇、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！