**es6如何获取按钮的value值**

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>
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值