如何用js改变div的背景颜色呢?今天一起来看一下吧 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/444810/bu5ijlrjcrv.png)
如何用js改变div的背景颜色方法【如何用js改变div的背景颜色】1、启动Hbiulder X应用程序
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/444810/tvi0pwwetgf.png)
2、进入后点击上方文件——新建目担居跑据虽运
——html文件
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/444810/wvjc5loc4ay.png)
3、如图所示 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/444810/g4a4hkfwxgw.png)
4、添加一个div盒子为其设置一个来自style样式
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/454810/qyblduuzjf5.png)
5、ctrl+s保存后点击上方运行,选择浏览器运行 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/454810/oizqwt3yjez.png)
6、效果如图所示 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/454810/5wob4zaokfl.png)
7、然后在下方定义一个p元素更改div的颜色,在script中建立一个function AAA用于获取样式并更改 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/454810/tsjugmj45ac.png)
8、再次保存并打开,坚散难得王容然后点击下方的更改div颜色 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/454810/3hfsedwv3re.png)
9、如图所示,即可更改为刚刚设置的颜色 。
![如何用js改变div的背景颜色](https://img.yunnanlong.com/article/2023/01/18/454810/sgtfh1yi0hb.png)
推荐阅读
- 如何鉴别陈年老酒
- 如何鉴别纯碱馒头和酵母馒头
- 如何鉴别纯羊毛的
- 如何鉴别纯钛眼镜框
- 如何鉴别大豆油
- 如何鉴别大红酸枝
- 汽车膜什么材料
- 如何鉴别大米的品质
- 如何鉴别戴尔是不是原装的
- 如何鉴别单烯烃与共轭二烯烃