js获取class最终样式

// 获取元素
const element = document.querySelector('.myClass');

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

// 输出某个具体的样式属性值
console.log(computedStyle.color); // 输出元素的文字颜色
console.log(computedStyle.width);  // 输出元素的宽度

// 获取元素
const element = document.querySelector('.myClass');

// 获取计算后的样式（IE专用）
const currentStyle = element.currentStyle;

// 输出某个具体的样式属性值
console.log(currentStyle.color); // 输出元素的文字颜色
console.log(currentStyle.width);  // 输出元素的宽度

function getStyle(element, property) {
    if (window.getComputedStyle) {
        return window.getComputedStyle(element)[property];
    } else if (element.currentStyle) { // IE
        return element.currentStyle[property];
    }
    return null;
}

const element = document.querySelector('.myClass');
console.log(getStyle(element, 'color'));