javascript - 使用 JavaScript 设置 div 的高度和宽度？

Question

我试图通过 javascript 设置 div 的高度和宽度，但无济于事。我已经尝试了很多事情但到目前为止没有运气请告诉我我哪里出错了？我以为这会很简单...

我不确定这里的问题是什么，在这种情况下我不能使用 CSS 来设置我需要在 JavaScript 中执行的变量，尽管这是另一个主题。

<div id="demo">Demo Div</div>

<script>
    var test = document.getElementById("demo");
    test.style.width = "100px";
    test.style.height = "100px";
    test.style.cssText = 'border:1px solid black;'
</script>

提前谢谢你。(我也对 jQuery 替代品持开放态度)

-史诗-

Answer 1

问题是您的最后一行设置了 cssText，它覆盖了前两行设置的样式，而不是添加它们。试试这个:

var test = document.getElementById("demo");
test.style.width = "100px";
test.style.height = "100px";
test.style.border = '1px solid black'

演示:http://jsfiddle.net/ZtyfB/

既然您提到了 jQuery，那么您可以使用它来完成同样的事情:

$("#demo").css({
    width : "100px",
    height : "100px",
    border : '1px solid black'
});