                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

为什么arr[i].style.width=300+"px";中浏览器会Uncaught TypeError: Cannot read property 'style' of undefined

var arr=document.getElementsByTagName("li");

for(var i=0;i<arr.length;i++){

arr[i].onclick=function(){

setInterval(function(){

arr[i].style.width=300+"px";

},300);

}

}

东边天上的云

2015-07-07

源自：JS动画效果 4-1

关注问题我要回答

2231

操作

收起

4 回答

东边天上的云提问者
2015-07-07

http://bbs.csdn.net/topics/340176862

0 回复有任何疑惑可以回复我~

menghuanbaolei
2015-07-07

试一下这个

0 回复有任何疑惑可以回复我~

menghuanbaolei
2015-07-07

var arr=document.getElementsByTagName("li");
for(var i=0;i<arr.length;i++){
    arr[i].id = i;
    arr[i].onclick=function(){
    setInterval(function(){
    arr[this.id].style.width=300+"px";
},300);
}
}

0 回复有任何疑惑可以回复我~

arlenhui
2015-07-07

因为i此时是arr.length，这里是闭包的问题。

var arr=document.getElementsByTagName("li");
for(var i=0;i<arr.length;i++){
arr[i].onclick=function(a){
setInterval(function(){
arr[a].style.width=300+"px";
},300);
}(i);
}

0 回复有任何疑惑可以回复我~

#1

东边天上的云提问者

括号里面的a和最后面的（i）是怎么理解的啊？麻烦给一下解答

2015-07-08 回复有任何疑惑可以回复我~

#2

arlenhui 回复东边天上的云提问者

a是传参，i是实参

2015-07-08 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 113925 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

本课相似问答

1 回答Uncaught TypeError: Cannot read property 'currentStyle' of undefined

1 回答为什么CHROME报错说Uncaught TypeError: Cannot read property 'currentStyle' of undefined

2 回答index1.html?__hbt=1553998985572:48 Uncaught TypeError: Cannot read property 'style' of null

3 回答move.js说我第二行 Uncaught TypeError: Cannot read property 'currentStyle' of undefined

1 回答为什么会Cannot read property 'timer' of undefined

搜索更多本课相关问答

为什么arr[i].style.width=300+"px";中浏览器会Uncaught TypeError: Cannot read property 'style' of undefined

我要回答关注问题

意见反馈帮助中心 APP下载