养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

JS设置CSS样式

时间:2024-09-23 11:23:42

JS也可以算作是一种编程语言,而且非常重要,只有JS是愕漓淤说所有浏览器都支持的WEB编程语言,如何通过JS设置CSS样式呢?

工具/原料

电脑一台

CSS&JS

方法/步骤

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

JS设置CSS样式

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

JS设置CSS样式

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

JS设置CSS样式

4、创建JS,并获取操作对象,示例:vargeth1=document.getElemen隋茚粟胫tsByTagName("h1")[0];

JS设置CSS样式

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

JS设置CSS样式

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

JS设置CSS样式

© 一点知识