使用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替代方案持开放态度)

-Epik-

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'
});