Javascript 为什么element.style.backgroundColor属性会给出一个空字符串作为结果？

console.log（document.querySelector（“.green”）.style.backgroundColor）；
//在控制台中给出一个空字符串作为结果

.green{
宽度：200px；
高度：200px；
背景颜色：绿色；
}

测试

.style

仅包含内联样式（通过该属性或同名的HTML属性设置）。它完全不受样式表的影响

getComputedStyle

获取该属性的当前有效值，无论它来自何处。

。style

仅包含内联样式（通过该属性或同名的HTML属性设置）。它完全不受样式表的影响

getComputedStyle

获取该属性的当前有效值，无论其来自何处。

如中所述：

style

属性用于获取和设置元素的内联样式

元素没有设置背景色的

style

属性，因此，

.style.backgroundColor

返回空字符串。这就是存在的原因——允许您查询元素上实际的最终/应用样式，而不仅仅是那些作为

样式
属性内联到元素上的样式。
如中所述：

style
属性用于获取和设置元素的内联样式

元素没有设置背景色的
style
属性，因此，
.style.backgroundColor
返回空字符串。这就是存在的原因——允许您查询元素上的实际最终/应用样式，而不仅仅是那些作为
样式
属性内联到元素上的样式。
您想要计算的元素样式：

 console.log(getComputedStyle(document.querySelector(".green"), null).getPropertyValue("background-color"));

您需要计算元素样式：

 console.log(getComputedStyle(document.querySelector(".green"), null).getPropertyValue("background-color"));

有没有办法让我把颜色的名称作为字符串而不是RGB值？你可以把RGB转换成名称，看看这篇文章有没有办法让我把颜色的名称作为字符串而不是RGB值？你可以把RGB转换成名称，看看这篇文章