如何使用javascript或jquery更改html元素的css属性

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');

例如，如果已经将上面的设置设置为var color，那么会使red成为$(selector).addClass(class_name); $(selector).removeClass(class_name);。

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

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

Answer 2

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

所以你有这样的事情：

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

如果您只想更改某些属性，则始终可以使用该元素

div.style.color = 'Green';

功能，然后通过更改附加的颜色样式

div.className = 'bar';

使您的红色文本显示为绿色。

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

http://docs.jquery.com/Attributes/addClass#class

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

Answer 3

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

Answer 4

试试这个。这是jquery代码。

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

myDiv.style.display = "block";

myDiv.style.color = "red";

如果您使用的是vanilla javascript，请尝试此操作。

qazxswpoi