js里获取div里的文字颜色

// HTML
<div id="myDiv" style="color: red;">Hello World</div>

// JavaScript
var div = document.getElementById('myDiv');
var color = window.getComputedStyle(div).color;
console.log(color); // 输出: "rgb(255, 0, 0)"

// HTML
<div id="myDiv" style="color: red;">Hello World</div>

// JavaScript
var div = document.getElementById('myDiv');
var color = div.style.color;
console.log(color); // 输出: "red"

/* CSS */
.red-text {
    color: red;
}

// HTML
<div id="myDiv" class="red-text">Hello World</div>

// JavaScript
var div = document.getElementById('myDiv');
var styleSheet = document.styleSheets[0]; // 假设颜色定义在第一个样式表中
for (var i = 0; i < styleSheet.cssRules.length; i++) {
    if (styleSheet.cssRules[i].selectorText === '.red-text') {
        console.log(styleSheet.cssRules[i].style.color); // 输出: "red"
        break;
    }
}

function rgbToHex(rgb) {
    var match = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    function hex(x) {
        return ("0" + parseInt(x).toString(16)).slice(-2);
    }
    return "#" + hex(match[1]) + hex(match[2]) + hex(match[3]);
}

var rgbColor = window.getComputedStyle(div).color;
var hexColor = rgbToHex(rgbColor);
console.log(hexColor); // 输出: "#ff0000"