JavaScript之DOM改變HTML的樣式

標籤：顏色   har   dom   san   lin   rda   修改   width   注意   

改變 HTML 樣式

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>

 

JavaScript之DOM改變HTML的樣式