0

私は次のCSSクラスを持っています

.QueueHeader {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer !important;
    height: 91px !important;
    width: 53% !important;
}

そして、私はjavascriptで次のコードを書きました:

 var divContent = document.getElementById("content");
 var divQueueNumber = document.createElement("div");

 divQueueNumber.className = "QueueHeader";
 divQueueNumber.style.height = '190px';
 divContent.appendChild(divQueueNumber);

作成時に div 要素の高さを動的に設定したいのですが、javascript コードで高さを設定しましたが、効果がありません。どうすれば設定できますか?

ありがとう

4

2 に答える 2

1

あなたはjQueryをやっているので、代わりにこれを行うことができます：

$('<div>')
    .addClass('QueueHeader')
    .height(190);

!importantただし、CSS クラスの高さには、jQuery がスタイルを要素に適用するときに使用されるインライン スタイルをオーバーライドするものがあるため、それでも機能しません。削除し!importantます。

私の知る限り、スタイルの重要度の順序は次のようになり、1 が最も優先度が高くなります。

  1. ユーザー スタイル (ブラウザ設定のリンクの色など)
  2. !importantスタイル
  3. インライン スタイル
  4. スタイルタグとリンクタグのスタイル (特定のルールが適用されます)
  5. ブラウザのデフォルト
于 2012-06-06T08:48:05.497 に答える