更改样式属性值

Question

如何获取和更改“样式属性”属性值

示例

<div id="styleChanger" style="color: rgb(163, 41, 41);">
   // some content
</div>

如何更改Style属性颜色值

Answer 1

页面标题或外部文件中的每个CSS声明，内联（a.k.a style属性）只有在浏览器读取后才会合并到DOM对象属性中。

这就是说，您实际上并不想更改style属性，而是在Javascript中处理的对象的属性。对于CSS属性，jQuery's .css()方法就是答案。

$('#styleChanger').css("color","red");

Answer 2

您需要一个现成的课程，例如：

.interactClass {
    color: #d2232a;
}

然后你可以

$('#styleChanger').removeClass().addClass('interactClass');

或者您可以使用css方法切换单个属性：

$('#styleChanger').css("color", "#D2232A").css("font-size", "20px");

Answer 3

在jQuery中使用css（）方法。以下是文档的链接：http://docs.jquery.com/CSS/css#name

这将允许您执行以下操作：

$("#styleChanger").css("color", "#888888");