html - 背景颜色和背景颜色有什么区别？

Question

background-color 和 backgroundColor 有什么区别？我可以看到结果是一样的。但是，我应该使用哪一个作为最佳实践？谢谢。

Answer 1

CSS 属性称为 background-color。这是您应该在样式表中使用的内容。您也可以使用大写字母，因为 CSS 不区分大小写，但需要有一个连字符。

#element {
  background-color: red;
}

如果您想使用 JavaScript 获取或设置该属性，则可以使用

element.style.getPropertyValue("background-color");
element.style.setProperty("background-color", "red");
element.style.setPropertyValue("background-color", "red");

但是，如果能够将其作为 JS 属性访问会更方便。问题是连字符将被视为减法。为了解决这个问题，CSSStyleDeclaration interface由部分接口(interface)扩展，以允许获取或设置 supported CSS properties 的值使用 IDL camel-case attributes .

这意味着你也可以使用

element.style.backgroundColor = "red";
element.style["backgroundColor"] = "red";