导入:
在平时我们要获取一个标签的属性,比如说获取一个按钮的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