background-color和backgroundColor有什么区别?我可以看到结果是相同的。但是,我应该使用哪种最佳实践?谢谢。
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
接口由部分接口扩展,以允许使用IDL camel-case属性获取或设置受支持的CSS属性的值。
这意味着您也可以使用
element.style.backgroundColor = "red";
element.style["backgroundColor"] = "red";