如何用js删除css样式

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

如何用js删除css样式



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

如何用js删除css样式



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

如何用js删除css样式



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

如何用js删除css样式



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

如何用js删除css样式



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


如何用js删除css样式



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

如何用js删除css样式



如何用js删除css样式



以上内容就是如何用js删除css样式的内容啦 , 希望对你有所帮助哦!

    猜你喜欢