js-----类的操作

1、修改元素的样式:

                通过style属性:

                通过class属性:这种是用b2将b1替换掉

                如果我们希望在b1的基础上添加b2(b1和b2都有的样式,b2把b1覆盖掉),则需要使用+=的方式,注意b1和b2之间要留有空格

        为了防止添加以后,再次点击按钮时,还会再将已经存在的class属性添加进去,我们需要判断元素中是否含有该class属性,判断函数如下:

 

 

           添加了判断有无class属性后的添加属性函数为:

         删除一个元素的class属性:注意不用判断有无该属性,有就删除,没有就不删除(删除就是用空串代替)。

replace()  
        - 可以将字符串中指定内容替换为新的内容
        - 参数:
                    - 第一个参数:被替换的内容,可以是一个正则表达式
                    - 第二个参数:替换的新内容,(可以传入一个空串,此时就是把要替换的内容给删掉)
        -默认只替换第一个,如果想要都替换掉,需要使用正则表达式并使用全局匹配模式

        切换一个类:

 

 我们可以将这些函数添加到一个js文件中去,作为一个工具

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值