Question

如何从CSS更改javascript。

我正在使用jQuery-ui Dialog，我想从javascript更改DIV的样式。

由于

Answer 1

结帐the jQuery documentation。如果你想要任何东西，它就会在那里。

无论如何，如果你想为元素添加样式，你需要使用css函数，它有一些变体。

$(selector).css(properties);  // option 1
$(selector).css(name, value); // option 2

因此，如果您的ID为“mydiv”的DIV，并且您希望将背景设为红色，则可以

$("div#mydiv").css({'background-color' : 'red'}); // option 1
$("div#mydiv").css('background-color','red');     // option 2

如果您一次设置多个内容，第一种方式会更容易。

如果要检查当前属性的设置，可以使用第二个选项的变体，只省略该值。

var color = $("div#mydiv").css('background-color');

例如，如果您已将变量color设置为red，那么会使$(selector).addClass(class_name); $(selector).removeClass(class_name);成为{{1}}。

您还可以添加和删除类，执行类似

的操作

{{1}}

Answer 2

即使没有jQuery，这个答案仍然有效。

所以你有这样的事情：

<style type="text/css">
    .foo { color: Red; }
    .bar { color: Blue; }
</style>
<div class="foo" id="redtext"> some red text here </div>

如果您只想更改某些属性，可以随时使用

找到该元素

var div = document.getElementById('redtext');

功能，然后通过

更改附加的颜色样式

div.style.color = 'Green';

使红色文字显示为绿色。

如果要将为div定义的类更改为另一个样式类，可以执行以下操作：

div.className = 'bar';

使div现在使用类栏，这使您之前的绿色文本变为蓝色。

Answer 3

有几种方法可以使用jQuery框架来操作元素样式。查看与CSS相关的文档并更改属性：

Answer 4

试试这个。这是jquery代码。

 $("myDiv").css({"color":"red","display":"block"})

如果您正在使用vanila javacript，请尝试此操作。

var myDiv = document,getElementById("myDiv");

myDiv.style.display = "block";

myDiv.style.color = "red";