0

メインコンテナdivの1つの背景をJavascriptで変更する必要があります。最終的な目標はグラデーションを適用することですが、背景色を変更するだけで問題が発生します。コードは次のとおりです。

var main = document.getElementById("main");
  main.parentNode.style.maxWidth = 0;
  main.parentNode.style.maxHeight = 0;
  main.parentNode.style.margin = "0px";
  main.style.backgroundColor = "black";

これは、ページが読み込まれてJSが実行されると、ブラウザでタグがどのように表示されるかを示しています。

<div id="main" style="z-index: 10; position: relative; top: 0px; left: 0px; background-color: black;">

JSエラーは発生しません。JSは他のコード実行を実行しており、背景色はコード内で変更されていますが、レンダリングされていません。私が最も心配しているブラウザはSafariですが、Chromeでも同じ効果が得られます。どんな助けでも大歓迎です。

編集：ここにフィドルがあります：http：//jsfiddle.net/hz7AR/

4

2 に答える 2

4

親コンテナをmaxWidth0とmaxHeight0に設定しています。問題があると思います

于 2012-11-26T20:27:14.513 に答える
1

divの幅と高さを設定する必要があります。現在、divには幅や高さがありません。htmlを次のように変更します。

<div id="main" style="z-index: 10; position: relative; top: 0px; left: 0px; background-color: black; height: 100px; width: 100px">

そのコードにより、divが100 x 100ピクセルになり、好きなように設定できます

于 2012-11-26T20:34:50.023 に答える