Rumah > hujung hadapan web > tutorial js > js className如何修改class属性

js className如何修改class属性

coldplay.xixi
Lepaskan: 2023-01-03 09:26:51
asal
8369 orang telah melayarinya

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")
}
Salin selepas log masuk

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

Atas ialah kandungan terperinci js className如何修改class属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan