JS写CSS样式方法

2025-03-28 16:53:59

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文件改变其属性的类型

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢