Javascript 使用类在单击时更改背景色

这是我的代码：

function black（）{
document.queryselectoral（“.object”）.style.backgroundColor=“黑色”；
}
函数red（）{
document.queryselectoral（“.object”）.style.backgroundColor=“红色”；
}
函数蓝（）{
document.queryselectoral（“.object”）.style.backgroundColor=“蓝色”；
}

.object{
宽度：200px；
高度：200px；
背景色：黑色；
利润率：20px；
}

黑色
红色
蓝色

您的问题是返回节点列表，您需要迭代其中的值，更改每个值的背景：

function black（）{
document.queryselectoral（“.object”）.forEach（v=>v.style.backgroundColor=“black”）；
}
函数red（）{
document.queryselectoral（“.object”）.forEach（v=>v.style.backgroundColor=“红色”）；
}
函数蓝（）{
document.queryselectoral（“.object”）.forEach（v=>v.style.backgroundColor=“blue”）；
}

.object{
宽度：200px；
高度：200px；
背景色：黑色；
利润率：20px；
}

黑色
红色
蓝色

这不是一个数组，而是一个@epascarello，你当然是对的。我已经编辑了答案。