Question

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

Answer 1

javascript使用

backgroundColor将内联样式应用于元素。例如，document.body.style.backgroundColor = "red";将在元素style="background-color: red;"上生成内联样式。所以最终结果是一样的，但backgroundColor是转换为CSS中background-color的JS值

Answer 2

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，以便允许使用IDL supported CSS properties获取或设置camel-case attributes的值。

这意味着你也可以使用

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

Answer 3

background-color用于css。

javascript使用

backgroundColor作为内联样式，因为javascript会将background-color中的连字符解释为减法操作。

最后他们得出了相同的结果，但它们各自用于不同的用途。

background-color和backgroundColor的区别是什么？

3 个答案: