如何获取背景颜色值

How do I get the background-color value?

本文关键字：背景 颜色值 获取 何获取      更新时间：2023-09-26
<input class="color" value="66ff00" id="fc" autocomplete="off" style="background-image: none; background-color: rgb(128, 225, 255); color: rgb(0, 0, 0);">

如何获取background-color的价值？

每次我使用(element).attr("background-color")，它都不起作用。我想这与style="background-color"有关.

您可以通过 css 访问任何 css 属性：

$(".color").css('background-color')

杰斯菲德尔

尝试：

(element).css("background-color");

希望对您有所帮助。

谢谢

使用 .css 方法获取背景颜色，即：

$(element).css('background-color');

您也可以使用对象访问它而无需引用： 

$(element).css(bgColor);

如果你想在jQuery中获取任何css属性，那么使用 

$(selector).css(property);

在这里，在这种情况下，它是$("#fc").css('background-color');

使用这个它将起作用。

<script>
$( document ).ready(function() {
alert($("#fc").css('background-color'));
});
</script>
<input class="color" value="66ff00" id="fc" autocomplete="off" style="background-image: none; background-color: rgb(128, 225, 255); color: rgb(0, 0, 0);">

它会起作用，你会得到 #fc 的背景颜色

var fc = document.getElementById('fc');
var bgcolor = fc.style.backgroundColor;

试试这个：

$("input.color").css("background-color");

它将返回指定的背景颜色。

然后执行此操作以获得结果：

var color = $("input.color").css("background-color"); 
$("$target_element").css("background-color", color);

我们可以使用.css属性使用 id 或类选择器获取特定的 css 值。

$("#fc").css('background-color')//fc 是控件的 ID

或

$(".color").css('background-color')//color 是这里应用的类

相关文章：