dom元素怎么修改css样式

 时间:2024-10-13 19:44:03

1、我们假设html里有一个div元素,里面有class。

dom元素怎么修改css样式

2、对应的class样式如图,主要是设置了div的边框和字体颜色等。

dom元素怎么修改css样式

3、在html里再加上一个按钮,来触发修改css样式的。

dom元素怎么修改css样式

4、我们写上对应的方法,主要是通过jquery的css方法来设置元素的样式。(要引入对应的jquery脚本文件)

dom元素怎么修改css样式

5、打开页面,可以看到现在div里的字体颜色是绿色的。

dom元素怎么修改css样式

6、我们点击按钮,触发修改样式的逻辑,可以看到页面现在div的字体已经变成白色的。

dom元素怎么修改css样式

7、当然,除了修改color样式后,所有的样式都是可以通过这个方法来修改的,比如height等。

dom元素怎么修改css样式
  • 动物竞技场2玩法攻略
  • 三国杀怎么获得皮肤坚毅果敢-于禁
  • 青岛画廊篇
  • 南京到日本6日游攻略
  • 怎样快速要回老板欠你的工资!
  • 热门搜索
    二年级手抄报图片大全 生活中的小窍门手抄报 关于爱国卫生的手抄报 写规范字手抄报内容 知法守法手抄报 五年级手抄报大全 春节见闻手抄报 生态文明手抄报内容 小学法制教育手抄报 关于火灾的手抄报