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 属性 < a href=" https:// developmenter.mozilla. org/ en/ CSS/backflor- color" rel= "noreferrer" > backform- color 。当您用 JavaScript 设置该属性时, 您要删除破折线并使用 columCase。您想要设置背景颜色。

this.element.style.backgroundColor

Answer 2

http://www.w3.org/TR/DOM-level-2-Style/css.html#CSS-CSS2Propertys-backround Color" rel=“nofollow”>cs 属性为broundColor ,而不是 bgColor 。

您的主控台说 < code> "yellow" , 因为它读取了 < code> bgColor 属性 - 它只是不影响显示 - 而且也没有包含在您用元素源登录的样式属性中。

友情链接