Question

<html>
<head>
<style>
div{
   border: 1px solid black;
   width: 50px;
   height: 50px;
}

</style>
<script>
window.onload = function(){
var divv = document.getElementsByTagName("div");
   for(i=0; i<divv.length; i++){
      divv[i].onclick = function(){
        alert(i);
   }

   }

}

</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>

这是我的代码。我想向用户显示每次点击div时他们点击的div的索引，但每次点击不同的div时，它都会提醒相同的值3

Answer 1

试试这个：

function myClickHandler(i) {
    alert(i);
}

window.onload = function(){
var divs = document.getElementsByTagName("div");
for(var i = 0; i < divs.length; i++) {
    divs[i].onclick = myClickHandler(i);
}

为什么javascript中的for循环不能按预期工作

1 个答案: