javascript - 根据计算的 RNG 动态调整 Div/Element 的大小

Question

所以我试图创建一个脚本，允许我单击页面上的一个按钮，然后链接到它的 JS 函数将生成一个 1-1000 之间的随机数，并将其设置为 div 的尺寸。 Chrome 检查器显示属性正在发生变化，但页面本身的内容没有变化。

<button onclick="myFunction()">Try it</button>
<div id="block" style="background-color:blue;">
</div>
function myFunction() {
    document.getElementById("block").setAttribute("width", Math.floor(Math.random() * 1001) + "px" );
document.getElementById("block").setAttribute("height", Math.floor(Math.random() * 1001) + "px" );
}

jsfiddle:http://jsfiddle.net/NR2k6/118/

Answer 1

您想设置元素的样式，而不是属性:

var d = document.getElementById("block");
d.style.width = Math.floor(Math.random() * 1001) + "px" ;
d.style.height= Math.floor(Math.random() * 1001) + "px" ;