如何實(shí)現(xiàn)動(dòng)態(tài)修改CSS的樣式

2012/11/13 07:41:57作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

動(dòng)態(tài)修改CSS的樣式

【實(shí)例描述】

為了體現(xiàn)用戶的操作，一般在用戶單擊按鈕或鏈接后，需要改變這些控件的樣式。這樣用戶就可以知道已經(jīng)查看過(guò)的相關(guān)信息。本例學(xué)習(xí)如何動(dòng)態(tài)修改控件樣式。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（denvermotorcycleaccidentlawyer.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>

【運(yùn)行效果】

動(dòng)態(tài)修改CSS的樣式運(yùn)行效果