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>执行结果如图：
