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 可将课程添加到书签
举报