2

div の背景色が更新されないのはなぜですか?

Tagger.prototype.mouseDown = function(event) {
  this.element.style.posLeft = event.clientX;
  this.element.style.width = 200 + "px";
  this.element.style.height = 200 + "px";
  this.element.style.position = "absolute";
  this.element.style.zIndex = 10;
  this.element.style.bgColor = "yellow";
  console.log(this.element);
  console.log(this.element.style.bgColor);
}

コンソール出力は次のとおりです。

<div id="tagbox4" class="tagbox" style="width: 200px; height: 200px; position: absolute; z-index: 10;">
yellow

ブラウザーで要素を調べて div を選択できますが、コンソールに「黄色」と表示されていても背景色がありません。

4

2 に答える 2

5

これは、CSS が普及していなかった時代に背景色を設定する古い時代遅れの方法である bgColor ではありません。

CSS プロパティのbackground-colorを設定します。JavaScript で設定する場合は、ダッシュを外してキャメルケースを使用します。したがって、backgroundColor を設定します。

this.element.style.backgroundColor
于 2012-05-24T00:00:23.997 に答える
4

そのcss プロパティbackgroundColorの名前は であり、 ではありませんbgColor。

コンソールは"yellow"、プロパティを読み取るためbgColor、表示には影響しませんが、要素のソースでログに記録したスタイル属性にも含まれていないためです。

于 2012-05-24T00:01:02.823 に答える