87,910
社区成员
发帖
与我相关
我的任务
分享关于function的，请教下面错误的方法的原因
<html>
<body>
<input type="button" id="btnOpr_1" value="下载" />
<input type="button" id="btnOpr_2" value="下载" />
<input type="button" id="btnOpr_3" value="下载" />
<input type="button" id="btnOpr_4" value="下载" />
<input type="button" id="btnOpr_5" value="下载" />
<a href="javascript:change()">改变按钮值</a>
</body>
<script>
function change(){document.getElementById("btnOpr_5").id="供测试的值";}
var obj_all = document.getElementsByTagName("INPUT");
//正确的方法
for(var i=0;i<obj_all.length;i++){
setEvent(obj_all[i]);
}
function setEvent(obj){
obj.attachEvent("onclick",function(){alert(obj.id )});
}
//错误的方法
/*for(i=0;i<obj_all.length;i++){
var obj = obj_all[i];
obj.attachEvent("onclick",function(){alert(obj.id)});
}*/
</script>
</html>
<body>
<input type="button" id="btnOpr_1" value="下载" />
<input type="button" id="btnOpr_2" value="下载" />
<input type="button" id="btnOpr_3" value="下载" />
<input type="button" id="btnOpr_4" value="下载" />
<input type="button" id="btnOpr_5" value="下载" />
<a href="javascript:change()">改变按钮值</a>
</body>
<script>
function change(){document.getElementById("btnOpr_5").id="供测试的值";}
var obj_all = document.getElementsByTagName("INPUT");
//正确的方法
for(var i=0;i<obj_all.length;i++){
setEvent(obj_all[i]);
}
function setEvent(obj){
obj.attachEvent("onclick",function(){alert(obj.id )});
}
//错误的方法
/*for(i=0;i<obj_all.length;i++){
var obj = obj_all[i];
obj.attachEvent("onclick",function(){alert(obj.id)});
}*/
</script>
</html>
...全文
请发表友善的回复…
发表回复
蓝海D鱼 2009-04-20
- 打赏
- 举报
学习
浴火_凤凰 2009-04-20
- 打赏
- 举报
学习..........
lzj34 2009-04-20
- 打赏
- 举报
路过学习..........
liaoliaoss 2009-04-19
- 打赏
- 举报
<html>
<body>
<input type="button" id="btnOpr_1" value="下载" />
<input type="button" id="btnOpr_2" value="下载" />
<input type="button" id="btnOpr_3" value="下载" />
<input type="button" id="btnOpr_4" value="下载" />
<input type="button" id="btnOpr_5" value="下载" />
<a href="javascript:change()">改变按钮值 </a>
</body>
<script>
function change(){document.getElementById("btnOpr_5").id="供测试的值";}
var obj_all = document.getElementsByTagName("INPUT");
//正确的方法
/*for(var i=0;i <obj_all.length;i++){
setEvent(obj_all[i]);
}
function setEvent(obj){
obj.attachEvent("onclick",function(){alert(obj.id )});
} */
//错误的方法
for(i=0;i <obj_all.length;i++){
var obj = obj_all[i];
(function(obj){
obj.attachEvent("onclick",function(){alert(obj.id)});
})(obj)
}
</script>
</html> 闭包问题.......
王集鹄 2009-04-19
- 打赏
- 举报
这是闭包为同一变量造成。
可以用其他方式搞定：
当然只适用于IE
可以用其他方式搞定：
for (var i = 0; i < obj_all.length; i++) {
var obj = obj_all[i];
obj.attachEvent("onclick", function(){alert(event.srcElement.id)});
}
当然只适用于IE
