您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:如何获取十六进制元素的背景色代码？

如何获取十六进制元素的背景色代码？

如何获取十六进制元素的背景色代码？

检查下面的示例链接，然后单击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>
其他 2022/1/1 18:15:26 有440人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶