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

JS写CSS样式方法

时间:2024-11-15 06:23:35

Javascript写网页CSS样式的四种常用的方法

工具/原料

电脑

Sublime编译器

方法/步骤

1、首先用sublime编译器创建一个新的网页,点击New--->NewFile

JS写CSS样式方法

2、Ctrl+S保存格式后缀为.html

JS写CSS样式方法

3、在编辑器输入html按Tab键,基本就够自动填补

JS写CSS样式方法

4、在标签body结束前写<script>标签,在script开头和结尾标签的中间写JS代码

JS写CSS样式方法

5、添加一个div,赋给一个id="target"

JS写CSS样式方法

6、获取id为target的div这个对象

JS写CSS样式方法

7、第一种方法直接使用标签属性把背景颜色设置为蓝色

JS写CSS样式方法

JS写CSS样式方法

8、第二种方式使用cssText方法,添加多个属性

JS写CSS样式方法

9、第三种方式使用setAttribute()添加属性

JS写CSS样式方法

10、最后一种方式就是通过改变CSS文件改变属性

JS写CSS样式方法

11、总结:1.直接使用s隋茚粟胫tyle的原始属性方法2.使用style的cssText方法添加多个属性3,使用setAttribute添瑕铆幌约加属性4.使用setAttribute改变CSS文件改变其属性的类型

© 一点知识