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

 时间:2026-02-15 14:34:22

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

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

2、然后通过CSS来设置div的属性,这里我就使用width和height来设置div的宽高,都是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四边框样式
  • 现代人压力越来越大,你有什么减压的方法呢?
  • 热门搜索
    台湾mm减肥法 恐怖黎明怎么洗点 拉大便出血是怎么回事 南京林业大学怎么样 陶永吉居士简介 苏州东山旅游攻略 宝宝拉稀水怎么办 逆转裁判2攻略 酸奶红糖减肥法 晚餐吃什么水果减肥