js 判断css

// 获取元素
var element = document.getElementById('myElement');

// 获取计算后的样式
var style = window.getComputedStyle(element);

// 判断某个CSS属性的值
if (style.backgroundColor === 'rgb(255, 0, 0)') {
    console.log('背景色是红色');
} else {
    console.log('背景色不是红色');
}

// 获取元素
var element = document.getElementById('myElement');

// 检查内联样式
if (element.style.backgroundColor === 'red') {
    console.log('内联背景色是红色');
} else {
    console.log('内联背景色不是红色');
}

// 获取元素
var element = document.getElementById('myElement');

// 判断是否包含某个类名
if (element.classList.contains('red-background')) {
    console.log('元素有红色背景的类');
} else {
    console.log('元素没有红色背景的类');
}

// 获取符合选择器的第一个元素
var element = document.querySelector('.red-background');

// 如果元素存在，检查其样式
if (element) {
    var style = window.getComputedStyle(element);
    if (style.backgroundColor === 'rgb(255, 0, 0)') {
        console.log('找到的元素背景色是红色');
    }
} else {
    console.log('没有找到符合选择器的元素');
}