循环遍历+监听（点击每一个按钮弹出对应的第几个）

最新推荐文章于 2022-05-17 19:14:29 发布

瘦瘦瘦瘦不了

最新推荐文章于 2022-05-17 19:14:29 发布

阅读量351

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/dreamy_wx/article/details/117262020

版权

JavaScript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<button>1</button>
<button>2</button>
<button>3</button>

第一种方法：利用索引

var btns = document.getElementsByTagName('button');
        for (i = 0, length = btns.length; i < length; i++) {
            var btn = btns[i];
            btn.index = i;
            btn.onclick = function () {
                alert('第' + (this.index + 1) + '个')
            }
        }

第二种方法：利用闭包

var btns = document.getElementsByTagName('button');
        for (i = 0, length = btns.length; i < length; i++) {
            (function (i) {
                var btn = btns[i];
                btn.onclick = function () {
                    alert('第' + (i + 1) + '个')
                }
            })(i)
        }