更改样式属性值

时间:2009-10-29 06:40:09

标签: javascript jquery css

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

示例

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

如何更改Style属性颜色值

3 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

您需要一个现成的课程,例如:

.interactClass {
    color: #d2232a;
}

然后你可以

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

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

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

答案 2 :(得分:0)

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

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

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