HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。如何改變 HTML 元素的樣式呢？
語法:
Object.style.property=new style;
注意:Object是獲取的元素對象，如通過document.getElementById("id")獲取的元素。
基本屬性表（property）:
注意:該表只是一小部分CSS樣式屬性，其它樣式也可以通過該方法設置和修改。
看看下面的代碼:
改變 <p> 元素的樣式，將顏色改為紅色，字號改為20,背景顏色改為藍：
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
結果:
現在我們來改變下HTML中元素的CSS樣式:
1. 在右邊編輯器中，第12行補充代碼，修改h2標簽的樣式，將顏色設為紅色。
2. 在右邊編輯器中，第13行補充代碼，修改h2標簽的樣式，將背景顏色設為灰色(#CCC)。
3. 在右邊編輯器中，第14行補充代碼，修改h2標簽的樣式，將寬設為300px。
1. 改變文字顏色:mychar.style.color="red";
2. 改變背景顏色:mychar.style.backgroundColor ="#ccc";
3. 改變元素寬度:mychar.style.width="300px";
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報