新建一个html文件,定名为test.html,用于讲解若何用js删除css样式。
在test.html文件内,利用p标签建立一行文字,并设置p标签的class属性为one,id属性为pp。
在test.html文件内,经由过程p标签的class属性,利用css设置其文字巨细为20px,文字颜色为红色。同时,再界说一个类名为two的样式,设置文字为20px。
在test.html文件内,利用button标签建立一个按钮,按钮名称为“删除css”。
给button绑心猿意马onclick点击事务,当按钮被点击时,执行myfun()函数。
在test.html文件内,在js标签内,建立myfun函数,在函数内,经由过程p标签的id,利用getElementById()方式获得p元素对象,再经由过程setAttribute()方式设置p标签的class属性为新的属性名two,从而实现删除原有样式,同时设置一个新样式,实现把p标签的颜色css样式去失落。
在浏览器打开test.html文件,点击按钮,查看实现的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!