【实例】javascript中使用event.target获取触发该事件标签的相关数据而不是通过document
导入：
在平时我们要获取一个标签的属性，比如说获取一个按钮的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
声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。
- 上一篇：没有了
- 下一篇： 【坑】JSP中使用jsp:param传入参数的时候出现中文乱码
