如何检查所有元素是否具有相同的背景

// 获取所有需要检查的元素
const elements = document.querySelectorAll('.element');

// 获取第一个元素的背景属性
const firstElementBackground = window.getComputedStyle(elements[0]).getPropertyValue('background');

// 遍历所有元素，并与第一个元素的背景属性进行比较
let allElementsHaveSameBackground = true;
elements.forEach((element) => {
  // 获取当前元素的背景属性
  const currentElementBackground = window.getComputedStyle(element).getPropertyValue('background');
  
  // 检查当前元素的背景属性是否与第一个元素相同
  if (currentElementBackground !== firstElementBackground) {
    allElementsHaveSameBackground = false;
    return; // 结束循环
  }
});

// 输出结果
if (allElementsHaveSameBackground) {
  console.log('所有元素具有相同的背景');
} else {
  console.log('不是所有元素都具有相同的背景');
}