如何使用javascript获取元素背景

访问由元素的类名设置的元素的css属性有什么好处吗

对于第一个div元素，我附加了一个red类，通过该类我将red设置为其背景，当我试图用javascript访问div的backgroundcolor时，我无法访问。当css类设置时，使用javascript访问元素背景色的正确方法是什么

window.onload=function（）{
var div=document.querySelector（'.red'）；
console.log（div.style.backgroundColor）；
var div_2=document.querySelector（'div:nth child（2）'）；
console.log（div_2.style.backgroundColor）；
}

.red{
背景：红色；
}
分区：第n个孩子（2）{
背景：绿色；
}

要素1
元素2

元素没有在元素的

样式

属性处设置

背景色

。使用

window.getComputedStyle（）

获取在

.css

文件中设置的元素计算样式

window.onload=function（）{
var div=document.querySelector（'.red'）；
log（window.getComputedStyle（div.backgroundColor）；
var div_2=document.querySelector（'div:nth child（2）'）；
console.log（window.getComputedStyle（div_2.backgroundColor）；
}

.red{
背景：红色；
}
分区：第n个孩子（2）{
背景：绿色；
}

要素1
元素2

看看这个类似的问题：谢谢你的解决方案