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

 时间:2024-10-12 02:10:13

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
  • CSS3如何应用target选择器
  • 网页自动跳转怎么办
  • Dw CC 2018怎么设置默认git操作超时为60s
  • css设置div四边框样式
  • 热门搜索
    保定旅游景点大全 旅游景区 北疆旅游攻略 什么app可以赚钱 成都旅游公司 周记可以写什么 结婚证可以异地办理吗 仙女山旅游攻略 摩托车碟刹怎么调 昆明旅游景点