javascript - 获取文本框的背景颜色

Question

我是 Jquery 的新手，请原谅我的无知。我有一个页面，我在页面加载时设置了不同颜色的文本框，要求是过滤特定颜色，即在单击特定复选框时仅显示一种颜色。

我正在尝试做的事情:我正在逐行遍历 html 表，试图获取每个文本框的当前颜色，如果颜色匹配则保留它，否则隐藏文本框颜色不匹配的行。我看过各种帖子，展示了如何设置颜色，但没有展示如何检索文本框的当前颜色，在同一行上尝试过但没有成功，请帮忙。

$('input[id$=cbx]').click(function () {
 var v = document.getElementById("<%=TextBox3.ClientID%>");
 // to get the color value of current text box
 var v2 = v.style.background 
 // below also does not work
 var v2 = v.style.background.val()
 // below also does not work
 var v3= v.css('background-color');
 if (v2 == "green")
  {
   $('[id$=user1]').hide();
  }

Answer 1

我认为 propbelm 与这条线有关。由于您尚未共享 HTML，因此无法了解此元素是否有 style 属性。

v.style.background

如果没有样式属性 v.style 将给出 CSSStyleDeclaration但所有的值都是空的。

如果元素中定义了样式属性，如下例所示

HTML

<input id= "abc" type = "text" class = "red" style = "background:red">

JS

var v = document.getElementById("abc");
var v2 = v.style.background 
console.log(v.style.background); // red

DEMO

将记录 red

如果元素上没有定义样式属性，您可以使用getComputedStyle 属性来获取值。但在这种情况下，值将采用 rgb 格式。

var v = document.getElementById("abc");
var v2 = window.getComputedStyle(v, null);
console.log(v2.background)

DEMO2