因此,我试图创建一个脚本,允许我点击页面上的按钮,然后链接到它的JS功能将生成一个1-1000之间的随机数并成为设置为div的尺寸。 Chrome检查器显示属性更改正在发生,但页面上的内容本身不会更改。基于计算的RNG动态调整Div/Element的大小
<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/
你为什么不使用'element.style.width',而不是' setAttribute'? –
只有少量的HTML元素使用宽度和高度属性进行大小调整,例如。 'img'&'canvas'。你应该通过设置'style'属性而不是'divs'使用css – Rob