javascript - 在 div 中循环 div 有效，但调整位置无效

Question

我正在制作一个网页。我有一个主要的 DIV（相对），里面有很多 DIV（绝对值）。我想用javascript更改主DIV中DIV的位置和大小。

这行得通。从stackoverflow得到它。循环遍历所有 div，并为我提供我想要更改的信息。大小和位置。

function getDivs(){ 
var loopdiv = document.getElementById('loopdiv');
var divs=loopdiv.getElementsByTagName('div') 

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

alert("left:"+divs[i].style.left
 +"   top:"+divs[i].style.top
 +"   height:"+divs[i].style.height
 +"   width:"+divs[i].style.width
 ); 

}  } 

所以我想让我们改变它。让我们添加一些代码，这样我所有的 div 都在 0,0 位置。

function getDivs(){ 
var loopdiv = document.getElementById('loopdiv');
var divs=loopdiv.getElementsByTagName('div') 

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

divs[i].style.left=0;
divs[i].style.top=0;



} 

现在应该在 0,0.... 上挤满 div，但什么也没有。每个 div 仅保留其在 HTML 中的初始位置。

有谁知道出了什么问题？

Answer 1

你有一个错字！

改变

divs[i].sytle.top=0;

至

divs[i].style.top=0;