根据计算出的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

您想要设置元素的style，而不是属性：

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