js for循环绑定问题解决

最新推荐文章于 2022-01-08 15:36:14 发布

husterxsp

最新推荐文章于 2022-01-08 15:36:14 发布

阅读量952

点赞数

分类专栏： javascript 文章标签： javascript for循环绑定

本文链接：https://blog.csdn.net/xsp_Login/article/details/46663359

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在网上看到的方法，第一个方法比较常见，第二种方法是第一次见，mark一下~

方法一：立即执行函数（IIFE）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<h1>0</h1>
<h1>1</h1>
<h1>2</h1>
<h1>3</h1>
<h1>4</h1>
<script type="text/javascript">
    var head = document.getElementsByTagName("h1");
    for(var i=0;i<head.length;i++){
        (function(i){
            head[i].onclick = function(){
                alert(i);
            };
        }(i));
    }
</script>
</body>
</html>

方法二：将i绑定到对应元素的的属性上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<h1>0</h1>
<h1>1</h1>
<h1>2</h1>
<h1>3</h1>
<h1>4</h1>
<script type="text/javascript">
    var head = document.getElementsByTagName("h1");
    for(var i=0;i<head.length;i++){
        head[i].index = i;
        head[i].onclick = function(){
            alert(this.index);
        };
    }
</script>
</body>
</html>

参考

husterxsp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js for循环绑定问题解决

在网上看到的方法，第一个方法比较常见，第二种方法是第一次见，mark一下~方法一：立即执行函数（IIFE）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><h1>0</h1><h1>1</h1><h1>2</h1><h1
复制链接

扫一扫

专栏目录