HTML网页中如何通过js控制CSS

2025-04-18 02:12:04

1、这里我就以div标签为例进行说明,首先,我们在网页中书写三个div标签。

HTML网页中如何通过js控制CSS

2、然后通过CSS来设置div的属性,这里我就使用width和height来设置d坡纠课柩iv的宽高,都是40像素,然后设置div的背景颜色为红色。

HTML网页中如何通过js控制CSS

3、然后来看看效果,可以看到三个div的颜色样式等。

HTML网页中如何通过js控制CSS

4、可以看到整个网页中有三个div,接着我们使用document.getElementsByTagName来获取到div这个标签。

HTML网页中如何通过js控制CSS

5、接着我们预览一下控制后的效果,可以看到第一个蟠校盯昂div宽度改变了,而第二个div颜色变成蓝色,最后一个div高度也变化了

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