网页页面出现Cannot read property 'style' of undefined

<!DOCTYPE html>

<html>

<head>

div{

margin: 15px auto;

width: 200px;

height: 200px;

padding: 15px;

border-radius: 200px;

position: absolute;

}

</style>

</head>

<body>

// var div1=document.getElementById('div1')

// function moveBall(e){

// var sy=document.documentElement.scrollTop||document.body.scrollTop

// div1.style.left=e.clientX+'px';

// div1.style.top=e.clientY+sy+'px';

// }

// document.onmousemove=moveBall

function myFun1(e){

var num=30;

var divs=document.getElementsByTagName('div')

var body=document.getElementsByTagName('body')[0]

for(var i=0;i<num;i++){

var rad=Math.floor(Math.random()*10)+'px'

divs[i]=document.createElement('div')

divs[i].style.background='rgb('+4*i+','+2*i+','+i+')'

divs[i].style.width=divs[i].style.height=rad

divs[i].style.position='absolute'

divs[0].style.left=e.clientX+'px';

divs[0].style.top=e.clientY+'px';

divs[i].style.left=e.clientX+Math.floor(Math.random()*10*i)+'px';

divs[i].style.top=e.clientY+Math.floor(Math.random()*10*i)+'px';

body.appendChild(divs[i])

}

document.onmousemove=myFun1

//document.onmousedown=myFun1

</script>

</body>

</html>

上面代码中的divs[i].style.background='rgb('+4*i+','+2*i+','+i+')'这一行出xian

报错

Uncaught TypeError: Cannot read property 'style' of undefined

at HTMLDocument.myFun1

怎么解决

慕村2502594

浏览 10972回答 2

2回答

anet

懒得看代码了告诉你原因你获取某个DOM节点，但是没有拿到类似var node=document.getElementById('xxx');所以，node的值自然为undefined很不幸你又对这个undefined的进行了成员访问，而根据JS语法，undefined不能有成员，自然报错。要修复这个BUG，你就要找这个DOM节点。我看你用了循环，也有可能是越界了。

QQ_随意

for(var i=0;i<num;i++){num 改为 divs.lengthfor(var i=0;i<divs.length;i++){

随时随地看视频慕课网APP