HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。如何改變 HTML 元素的樣式呢？
語(yǔ)法:
Object.style.property=new style;
注意:Object是獲取的元素對(duì)象，如通過(guò)document.getElementById("id")獲取的元素。
基本屬性表（property）:
注意:該表只是一小部分CSS樣式屬性，其它樣式也可以通過(guò)該方法設(shè)置和修改。
看看下面的代碼:
改變 <p> 元素的樣式，將顏色改為紅色，字號(hào)改為20,背景顏色改為藍(lán)：
<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>
結(jié)果:
現(xiàn)在我們來(lái)改變下HTML中元素的CSS樣式:
1. 在右邊編輯器中，第12行補(bǔ)充代碼，修改h2標(biāo)簽的樣式，將顏色設(shè)為紅色。
2. 在右邊編輯器中，第13行補(bǔ)充代碼，修改h2標(biāo)簽的樣式，將背景顏色設(shè)為灰色(#CCC)。
3. 在右邊編輯器中，第14行補(bǔ)充代碼，修改h2標(biāo)簽的樣式，將寬設(shè)為300px。
1. 改變文字顏色:mychar.style.color="red";
2. 改變背景顏色:mychar.style.backgroundColor ="#ccc";
3. 改變?cè)貙挾?mychar.style.width="300px";
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)