求大神解答为什么样式里的left的值不起作用了，top值没有问题呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ByTagName练习</title>
<style>
   div{width:50px;
   height:50px;
   background-color:green;
   position:absolute;
   left:20px;
   top:30px;
   }
body{margin:0;}
</style>
<script>
window.onload = function(){
   var aDiv = document.getElementsByTagName('div');
   for(var i=0; i<10; i++){
   document.body.innerHTML += '<div>' + i + '</div>' ;
   aDiv[i].style.left = 10 + i*60 + 'px';
       };
   for(var i=0; i<aDiv.length; i++){
       aDiv[i].style.left = i*60 + 'px';
       };
};
</script>
</head>

304346845

浏览 2496回答 4

4回答

小小1七爷

js的权重优先级大于标签里面<style>，所以你的left被js算出来的那个值覆盖了，而你没有算top的值，所以你top的值是正常的

0 0

qq_J_13

可以的火狐没问题

0 0

Caballarii

不是在js里面被覆盖了吗？

0 0

随时随地看视频慕课网APP