首页  >  文章  >  web前端  >  js className如何修改class属性

js className如何修改class属性

coldplay.xixi
coldplay.xixi原创
2021-03-02 14:52:218331浏览

js className修改class属性的方法:1、修改class类名为【p-a-0】;2、在保留【class="p1"】的基础上再添加一个类名为【p-a-0】;3、结果需删除【class="addp1"】。

js className如何修改class属性

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

js className修改class属性的方法:

1、修改className

1f11d67d21f32a0ca8ab6a9a375ce96.png

 

1)修改class类名为p-a-0

57f85a384f6708c46137b53ca27ba3b.png

 

2)在保留class="p1"的基础上再添加一个类名为p-a-0

a945e5d15764ce3c2d88dceb1cf5e19.png

2、删除className

036cff2030cae294cbc69f95e7b3e06.png

1).结果需删除class="addp1"

8fbc54c9440a75891e7e44aa817610d.png

正则表达式分析:

ec2023e2c77caf39a5711e448ed02a8.png

3、检查元素内是否已经存在某class

if ( document.getElementById("p").className.match(/(?:^|\s)addp1(?!\S)/) ){
     console.log("11")
}

相关免费学习推荐:javascript视频教程

以上是js className如何修改class属性的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn