javascript - bgColor 未通过 JavaScript 更新

Question

为什么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，但它没有背景颜色，即使控制台显示它是“黄色”。

Answer 1

这不是 bgColor，那是在 CSS 不流行时设置背景颜色的老旧过时方法。

您想设置 CSS 属性 background-color .当您使用 JavaScript 设置它时，您删除破折号并使用驼峰式。所以你想设置 backgroundColor。

this.element.style.backgroundColor