es6如何获取按钮的value值
如有错误请指出,多谢。
这是HTML内容
<input type="button" value="按钮1">
<input type="button" value="按钮2">
这是script内容:
querySelectorAll()方法返回文档中匹配指定 CSS 选择器的所有元素。
let 声明的变量只在 let 命令所在的代码块内有效,var 是在全局范围内有效。
<script>
let btn1 = document.querySelectorAll('input');//获取input标签
console.log(btn1);//查看是否获取标签
for (let i = 0; i < btn1.length; i++) {//循环遍历
// const 声明一个只读的常量,一旦声明,常量的值就不能改变。
const btn = btn1[i];
btn.onclick = function () {//当按钮点击时的方法
alert(btn.value);//弹出value值
}
}
</script>