0

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-

4

2 に答える 2

6

問題は、最後の行が設定cssTextされていることです。これにより、最初の2行に設定されたスタイルが追加されるのではなく、上書きされます。代わりにこれを試してください：

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

デモ： http： //jsfiddle.net/ZtyfB/

そして、jQueryについて言及したので、これを使用して同じことを行う1つの方法を次に示します。

$("#demo").css({
    width : "100px",
    height : "100px",
    border : '1px solid black'
});
于 2012-11-06T01:09:39.533 に答える
0

はcssText、設定した高さと幅、およびその他のスタイリングを上書きします。

JQuery 、 nnnnnnに感謝します：

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

cssText私はそのようにゴミ箱に捨てることをお勧めしborderます：

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

ただし、本当に必要な場合はcssText、最初にそれを使用してください。

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

最後の実行可能な解決策は、以下を使用してすべてを実行することですcssText。

var test = document.getElementById("demo");
test.style.cssText = 'border:1px solid black; width: 100px; height: 100px';
于 2012-11-06T01:13:40.293 に答える