如何在javascript函数中使用css

Question

我正在使用jQuery每月日历，其中每天都是一个单元格，单击单元格，我能够打印警报，但我也想更改单击的单元格的背景颜色。但我没有得到使用Javascript调用CSS的方法。请帮帮我。

Answer 1

在jQuery中，您可以使用css method来更改单元格的背景颜色：

// let's say this is in a loop
$(this).css('background-color', '#f00');

Answer 2

用简单的JavaScript：

var element = document.getElementById("myElement");
element.style.backgroundColor = "#fff";

史蒂夫

Answer 3

使用JS更改任何元素的样式属性会创建一个非常高的特异性规则，难以检测和删除，并且在处理多种样式效果时不太灵活（比如说你想要一个边框和一个背景，现在你有两倍的工作量。）

几乎总是从维护，灵活性和关注点分离不来直接修改元素的样式，但改变它的类并让CSS做为你工作。

例如，我想更改为此边框+背景样式，因此我将在CSS中定义一个类

.highlight
{
  border: 1px solid black;
  background: white;
}

然后我将修改我需要的元素：

document.getElementById('myElementId').className += " highlight"; //note the space

现在在实践中我实际上将该类修改为更通用的包装器来保护自己免于分配同一个类两次，并且再次将其删除更容易，但原则上你可以看到它现在是微不足道的仅在一个点上改变“突出显示”的效果，它允许正常的级联，并且检测元素具有突出显示类比检查它是否具有FOO的背景颜色和BAR的边界更容易。

它也非常重要，增加了语义价值。自我记录代码是非常好的事物。

Answer 4

设置一个css属性：

$("#myCalender").css("background-color","SomeColor");

设置整个班级：

$("#myCalender").addClass("DifferentBGColorClass");

Answer 5

要更改可以使用的背景颜色：

document.getElementById("").style.backgroundColor = "#ffffff";