gpt4 book ai didi

javascript - 如何获取十六进制元素的背景颜色代码?

转载 作者:IT王子 更新时间:2023-10-29 03:26:26 42 4
gpt4 key购买 nike

如何获取元素的背景颜色代码?

console.log($(".div").css("background-color"));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="div" style="background-color: #f5b405"></div>

我想要什么

#f5b405

最佳答案

检查下面的示例链接并单击 div 以获取十六进制的颜色值。

var color = '';
$('div').click(function() {
var x = $(this).css('backgroundColor');
hexc(x);
console.log(color);
})

function hexc(colorval) {
var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
delete(parts[0]);
for (var i = 1; i <= 3; ++i) {
parts[i] = parseInt(parts[i]).toString(16);
if (parts[i].length == 1) parts[i] = '0' + parts[i];
}
color = '#' + parts.join('');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='div' style='background-color: #f5b405'>Click me!</div>

http://jsfiddle.net/DCaQb/ 查看工作示例

关于javascript - 如何获取十六进制元素的背景颜色代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5999209/

42 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com