【实例】javascript中使用event.target获取触发该事件标签的相关数据而不是通过document

_Slience_

于 2015-07-26 16:18:28 发布

阅读量2.2w

点赞数 1

分类专栏： Web前端

本文链接：https://blog.csdn.net/u010513756/article/details/47068699

版权

Web前端专栏收录该内容

94 篇文章 1 订阅

订阅专栏

导入：

在平时我们要获取一个标签的属性，比如说获取一个按钮的id，一般会这样写

document.getElementById("1").getAttribute("id")

最近我在弄html5的时候看到一个用event的方法获取本身数据的一个方法，当我们在给按钮增加一个事件，这个事件正好需要触发它的标签的属性（比如说触发它运行的按钮的id等），那么我接下来要讲的方法听合适的，请看代码

示例：

<body>
<input type="button" id="1" value="1">
<input type="button" id="2" value="2">
<input type="button" id="3" value="3">
</body>
<script>
window.onload = function(){
	//获取每一个按钮对象
	var buttons = document.getElementsByTagName("input");
	for(var i = 0; i < buttons.length; i++) {
		//为每一个按钮绑定onclick事件
		buttons[i].onclick = show;
	}
};
function show(e) {
	//显示触发show函数的那个元素的id
	alert(e.target.getAttribute("id"));
}

</script>

运行效果是：我们点哪个按钮就能够输出这个按钮的id

_Slience_

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【实例】javascript中使用event.target获取触发该事件标签的相关数据而不是通过document

导入：在平时我们要获取一个标签的属性，比如说获取一个按钮的id，一般会这样写document.getElementById("1").getAttribute("id")最近我在弄html5的时候看到一个用event的方法获取本身数据的一个方法，当我们在给按钮增加一个事件，这个事件正好需要触发它的标签的属性（比如说触发它运行的按钮的id等），那么我接下来要讲的方法听合适的，请看代码
复制链接

扫一扫

专栏目录