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样式

梦幻西游打图号秘籍 最强蜗牛怎么获得霸王枪 最强蜗牛如何获得机关人兵种? 明日方舟“记忆”通关攻略 帝国征服者如何领取邮件奖励
热门搜索
夫妻成长日记漫画在线 小水滴图片 将军烟价格表和图片 图片怎么转换成pdf 角膜炎症状图片