简单es6小案例

最新推荐文章于 2023-11-13 13:26:55 发布

暴躁小书包

最新推荐文章于 2023-11-13 13:26:55 发布

阅读量232

点赞数 1

分类专栏：按钮小案例文章标签： es6

本文链接：https://blog.csdn.net/llnewcdns/article/details/110244558

版权

按钮小案例专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一个小案例

当点击按钮时，显示自己的value值

代码如下图所示

<input type="button" value="按钮1" />
    <input type="button" value="按钮2" />
    <input type="button" value="按钮3" />

    <!-- 当点击按钮时，显示自己的value值 -->
    <script>
        let btns = document.querySelectorAll('input')
        console.log(btns)



        for (let i = 0; i < btns.length; i++) {
            const btn = btns[i];
            btn.onclick = function () {
                alert(this.value)
            }
        }
    </script>