js如何获取style属性

// 假设有一个元素 <div id="myDiv" style="color: red;">Hello World</div>
var element = document.getElementById('myDiv');
var color = element.style.color; // 获取到的值是 "red"

// 假设有一个元素 <div id="myDiv">Hello World</div> 在CSS中设置了 color: blue;
var element = document.getElementById('myDiv');
var computedStyle = window.getComputedStyle(element);
var color = computedStyle.color; // 获取到的值是 "rgb(0, 0, 255)" 或者 "blue"

function getStyleFromSheet(sheet, selectorText, property) {
    for (var i = 0; i < sheet.cssRules.length; i++) {
        if (sheet.cssRules[i].selectorText === selectorText) {
            return sheet.cssRules[i].style[property];
        }
    }
    return null;
}

// 假设有一个样式表规则：#myDiv { color: green; }
var styleSheet = document.styleSheets[0]; // 假设样式在第一个样式表中
var color = getStyleFromSheet(styleSheet, '#myDiv', 'color'); // 获取到的值是 "green"