如何用js删除css样式

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

  • 2

    在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文件,点击按钮,查看实现的结果。

    • 发表于 2019-10-28 17:00
    • 阅读 ( 1170 )
    • 分类:其他类型

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具