0

javascript で div の幅と高さを設定しようとしていますが、設定されていません。私はたくさん試しましたが、何も機能していません。これが私が試したことです、

<div id="d1">asdasd</div>

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

何が問題なのか確認してください！

4

9 に答える 9

5

d.style.cssText上書きwidthとheightプロパティだと思います

これを試して：

var d = document.getElementById("d1");
d.style.width = "100px";
d.style.height = "100px";
d.style.cssText += 'border:1px solid black;'
于 2012-11-05T06:54:13.843 に答える
3

karaxuna が述べたようにd.style.cssText、幅と高さの設定を上書きしています。コードを次のいずれかに変更するだけです。

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

またはこれ：

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

完璧に動作します。

于 2012-11-05T07:01:08.710 に答える
2

あなたの問題はd.style.cssText = 'border:1px solid black;'. JS によって設定された幅と高さをオーバーライドしています。

このフィドルをチェックしてください：-

http://jsfiddle.net/RZKnQ/1/

于 2012-11-05T07:03:18.053 に答える
1

これは機能します：

<div id="d1" style="border:1px solid black;">asdasd</div>​
<script>
var d = document.getElementById("d1");
d.style.height = "200px";
</script>

http://jsfiddle.net/dandv/emnMb/4/

于 2012-11-05T06:53:34.663 に答える
0

JSステートメントのシーケンスを変更すると機能します。つまり

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

スタイル属性のみに幅、高さのプロパティを配置することをお勧めします。すなわち

d.style.cssText = 'border:1px 純黒; 幅:100px; 高さ:100px'

またはCSSクラスで

于 2012-11-05T06:57:56.463 に答える
0

あなたの問題が何であるかはわかりませんが、これを使用しましたが、これは機能しました

    function fnc1()
{
    document.getElementById("d1").style.width="100px";
    document.getElementById("d1").style.height="100px";
    document.getElementById("d1").style.backgroundColor="red";
}
于 2012-11-05T07:01:35.713 に答える
0

HTML:

<div id="d1">asdasd</div>​

Javascript

document.getElementById('d1').style.height = 90+'px';​

ここで動作するデモ(Chrome では問題なく動作しますが、他のブラウザでは確認できません)

于 2012-11-05T07:02:33.920 に答える