es6如何获取按钮的value值

最新推荐文章于 2024-03-16 17:09:53 发布

熊抱抱的一粒

最新推荐文章于 2024-03-16 17:09:53 发布

阅读量743

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_52959651/article/details/110199609

本文介绍如何使用ES6的语法来获取HTML页面中按钮的value值，并通过querySelectorAll方法选取所有input标签，再利用for循环结合onclick事件实现点击按钮时弹出对应的value值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>