新建一个html文件 , 定名为test.html , 用于讲解若何用js删除css样式 。

2【如何用js删除css样式】在test.html文件内 , 利用p标签建立一行文字 , 并设置p标签的class属性为one , id属性为pp 。

3在test.html文件内 , 经由过程p标签的class属性 , 利用css设置其文字大小为20px , 文字颜色为红色 。 同时 , 再界说一个类名为two的样式 , 设置文字为20px 。

4在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“删除css” 。

5给button绑定onclick点击事务 , 当按钮被点击时 , 执行myfun()函数 。

6在test.html文件内 , 在js标签内 , 建立myfun函数 , 在函数内 , 经由过程p标签的id , 利用getElementById方式获得p元素对象 , 再经由过程setAttribute方式设置p标签的class属性为新的属性名two , 从而实现删除原有样式 , 同时设置一个新样式 , 实现把p标签的颜色css样式去失落 。

7在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。


以上内容就是如何用js删除css样式的内容啦 , 希望对你有所帮助哦!
猜你喜欢
- JS如何获取最后一位数
- 经验的任务小蓝本刷新不了,有得评论如何完成
- 如何免费使用互助推广App
- 如何装电脑CPU风扇
- 常用软件如何取消弹出信息
- 支付宝怎么编辑添加、删除首页面应用
- 如何实现银联云闪付不同用户免费转账/
- 支付宝如何使用指纹支付
- 塔读文学如何自动更新版本
- qq空间如何去掉动态底下手机品牌以及型号的显示
