如何实现动态修改CSS的样式

2012-11-13 来源：网络

【实例名称】

动态修改CSS的样式

【实例描述】

为了体现用户的操作，一般在用户单击按钮或链接后，需要改变这些控件的样式。这样用户就可以知道已经查看过的相关信息。本例学习如何动态修改控件样式。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script language="javascript">
function changeStyle(obj)
{
   obj.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";
}
</script>
</head>
<body>
<input  id="btn1"  type="button" value="修改颜色" onclick="changeStyle(this)" />
</body>
</html>

【运行效果】

动态修改CSS的样式运行效果