当前位置: 首页 > 面试题库 >

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

仲孙疏珂
2023-03-14
问题内容

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

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>


 类似资料:
  • 问题内容: 如何使用JavaScript 获取任何元素(例如)的背景颜色?我努力了: 问题答案: 与所有包含连字符的css属性一样,它们在JS中的对应名称是删除连字符并使用以下字母大写:

  • 问题内容: 我是JavaScript和jQuery的新手,现在面临一个问题: 我需要将一些数据发布到PHP,并且其中一部分数据必须是div X的背景色十六进制。 jQuery具有css(“ background-color”)函数,通过它我可以将背景的RGB值转换为JavaScript变量。 CSS函数似乎返回了一个类似rgb(0,70,255)的字符串。 我找不到任何方法来获取背景颜色的十六进制

  • 嘿,我在关注波士顿新闻的Android学习系列。我在这个部分:http://www.youtube.com/watch?feature=player_embedded 现在,我想做的是在某个地方(在代码或文件中)保存一些基本颜色,例如红色、绿色等,并为它们分配HEX代码。 比如,如果用户在“edittext”中键入“red”,那么我想将“red”的值存储为“#FF0000”(就像C中的#defin

  • 问题内容: 我有一个十进制颜色代码(例如)。我将其转换为与的十六进制等效项。如何从十六进制颜色代码中获取红色,绿色和蓝色分量值? 问题答案: 假设这是一个字符串:

  • 问题内容: 可以给SVG 元素背景色吗?如果没有,那么模拟它的最佳方法是什么? 我的目标是给文本提供背景色,我发现填充元素将是完美的-它们已经“概述” 了代表多行文本行的文本块(元素)。 我正在使用的示例: 我尝试使用“填充”属性,但它似乎会影响文本的填充(颜色),而不是其后面的区域: 我也尝试通过CSS设置背景色: ..但不起作用(至少在Chrome 17和Firefox 12中)。 用“填充”

  • 问题内容: 使用以下jQuery将获取元素背景色的RGB值: 有没有办法获取十六进制值而不是RGB? 问题答案: