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设置它时，删除破折号并使用camelCase。所以你想设置backgroundColor。

this.element.style.backgroundColor

Answer 2

css property is backgroundColor的名称，而不是bgColor。

您的控制台显示"yellow"，因为它会读取bgColor属性 - 这不会影响显示 - 并且也不包含在您使用元素源记录的样式属性中。

bgColor不通过JavaScript更新

2 个答案: