手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JS写CSS样式方法

时间:2024-10-12 14:54:51

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

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.直接使用style的原始属性方法 2.使用style的cssText方法添加多个属性 3,使用setAttribute添瑕铆幌约加属性 4.使用setAttribute改变CSS文件改变其属性的类型

© 手抄报圈