js内部函数对外部变量的访问
html代码段：<!DOCTYPEhtml><html><head><title>Practice</title></head><body><p>test1</p><p>...
html代码段：
<!DOCTYPE html>
<html>
<head>
<title>Practice</title>
</head>
<body>
<p>test 1</p>
<p>test 2</p>
</body>
<script src="practice.js" type="text/javascript"></script>
</html>
js代码段：
var items = document.getElementsByTagName("p");
for(var i=0; i<items.length; i++) {
items[i].onclick = function() {
alert(items[i].nodeValue);
}
}
想知道为什么在onclick行为函数内部调用items[i]的时候会显示未定义？？？ 展开
<!DOCTYPE html>
<html>
<head>
<title>Practice</title>
</head>
<body>
<p>test 1</p>
<p>test 2</p>
</body>
<script src="practice.js" type="text/javascript"></script>
</html>
js代码段：
var items = document.getElementsByTagName("p");
for(var i=0; i<items.length; i++) {
items[i].onclick = function() {
alert(items[i].nodeValue);
}
}
想知道为什么在onclick行为函数内部调用items[i]的时候会显示未定义？？？ 展开
1个回答
展开全部
i在循环后的最终值是2 即点击p之前i已经变成2了
而items[2]是不存在的 因为只有2个p
改成alert(this.nodeValue);就好了
或者用闭包也可以
for(var i=0; i<items.length; i++) {
(function(item){
item.onclick = function(){ alert(item.nodeValue) ; };
})(item[i]);
}
而items[2]是不存在的 因为只有2个p
改成alert(this.nodeValue);就好了
或者用闭包也可以
for(var i=0; i<items.length; i++) {
(function(item){
item.onclick = function(){ alert(item.nodeValue) ; };
})(item[i]);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
