js 获取 div 颜色代码

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

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

// 假设CSS中有如下定义:
// #myDiv { color: blue; }

var div = document.getElementById('myDiv');
var computedStyle = window.getComputedStyle(div);
var colorCode = computedStyle.color;
console.log(colorCode); // 输出可能是 "rgb(0, 0, 255)" 或 "#0000ff"，取决于浏览器

function rgbToHex(rgb) {
    var hex = Number(rgb).toString(16);
    if (hex.length < 2) {
         hex = "0" + hex;
    }
    return hex;
}

var div = document.getElementById('myDiv');
var computedStyle = window.getComputedStyle(div);
var rgbColor = computedStyle.color.match(/\d+/g);
var hexColor = "#" + rgbToHex(rgbColor[0]) + rgbToHex(rgbColor[1]) + rgbToHex(rgbColor[2]);
console.log(hexColor); // 输出: "#0000ff"