JS设置CSS样式

时间:2024-10-13 11:39:15

1、新建一个HTML文档,如图:

JS设置CSS样式

2、为<h1>标签设置CSS样式,示例: <style> h1{ color:green; } </style>

JS设置CSS样式

3、保存以上内容,并初步在浏览器预览效果

JS设置CSS样式

4、创建JS,并获取操作对象,示例:var geth1=document.getElementsByTagName("h1")[0];

JS设置CSS样式

5、设置DOM对象的CSS样式中的颜色属性,示例:geth1.style.color="gray";

JS设置CSS样式

6、再次保存文件,并在浏览器预览设置CSS后的效果

JS设置CSS样式
© 手抄报圈