1、修改元素的样式:
通过style属性:
通过class属性:这种是用b2将b1替换掉
如果我们希望在b1的基础上添加b2(b1和b2都有的样式,b2把b1覆盖掉),则需要使用+=的方式,注意b1和b2之间要留有空格
为了防止添加以后,再次点击按钮时,还会再将已经存在的class属性添加进去,我们需要判断元素中是否含有该class属性,判断函数如下:
添加了判断有无class属性后的添加属性函数为:
删除一个元素的class属性:注意不用判断有无该属性,有就删除,没有就不删除(删除就是用空串代替)。
replace()
- 可以将字符串中指定内容替换为新的内容
- 参数:
- 第一个参数:被替换的内容,可以是一个正则表达式
- 第二个参数:替换的新内容,(可以传入一个空串,此时就是把要替换的内容给删掉)
-默认只替换第一个,如果想要都替换掉,需要使用正则表达式并使用全局匹配模式
切换一个类:
我们可以将这些函数添加到一个js文件中去,作为一个工具