Javascript 訪問樣式表實現代碼

再記錄一下 Javascript訪問樣式表
Javascript可以訪問網頁中元素的style屬性,例如:
<div id="main" style="background-color:red"></div>

通過js訪問style屬性
alert(document.getElementById("main").style.backgroundColor);

通過js改變style屬性
document.getElementById("main").style.backgroundColor="blue";

以上代碼是我們所熟悉的,但通常我們用樣式表來控制元素的外觀屬性,例如: <meta http-equiv="Content-Type" c><br /><style type="text/css"> #main { margin-left:200px; margin-top:70px; width:200px; height:100px; background-color999999; border:1px solid #666666; } </style>Show<p><input type="button" value="獲得樣式"><input type="button" value="寫入樣式"><input type="button" value="獲得最終樣式">