JS写CSS样式方法

 时间:2024-11-15 00:09:59

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

如何用PHP往MySQL中插入数据 js设置字体颜色 js给div添加多个样式怎么写 js如何取消checkbox选 HTML或JS,有三个文本框,求前两个文本框的值相加,输出到第三个文本框中
热门搜索
幼儿蜡笔画图片大全 端午节粽子图片 女图片大全 巴西龟白眼病图片 书签制作图片大全