HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。如何改變 HTML 元素的樣式呢？
語法：
Object.style.property=new style;
注意：
Object是獲取的元素對象，如通過document.getElementById("id")獲取的元素。
基本屬性表（property）:
| 屬性 | 描述 |
| backgroundColor | 設置元素的背景顔色 |
| height | 設置元素的高度 |
| width | 設置元素的寬度 |
| color | 設置文本的顔色 |
| font | 在一行設置所有的字體屬性 |
fontFamily | 設置元素的字體系列 |
| fontSize | 設置元素的字體大小 |
注意：
該表只是一小部分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>執行結果如圖：
