javascript - 为什么JS不通过ID获取元素也能绑定事件？
本文介绍了javascript - 为什么JS不通过ID获取元素也能绑定事件？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
下面的代码中，HTML定义了五个按钮，JS为五个按钮绑了click事件，然而我没通过document.getElementById获取每一个button元素，为什么这样事件也能绑定成功？
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>test_btn</title>
<style type="text/css">
button {padding: 5px 10px;}
</style>
</head>
<body>
<button id="btn">alert btn</button>
<button id="btn1">alert btn1</button>
<button id="btn2">alert btn2</button>
<button id="btn3">alert btn3</button>
<button id="btn4">alert btn4</button>
</body>
<script type="text/javascript">
btn.onclick = function () {
alert("btn");
}
btn1.onclick = function () {
alert("btn1");
}
btn2.onclick = function () {
alert("btn2");
}
btn3.onclick = function () {
alert("btn3");
}
btn4.onclick = function () {
alert("btn4");
}
</script>
</html>解决方案
设置id相当于在window下建立了一个同名的变量。对于表单元素，设置name也是一样的效果(在document.forms下对应的form建立了一个变量)。
这篇关于javascript - 为什么JS不通过ID获取元素也能绑定事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
