js常用操作dom方法-修改样式篇

原创已于 2023-07-31 17:26:07 修改 · 456 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2020-07-16 14:42:10 首次发布

js 专栏收录该内容

12 篇文章

订阅专栏

本文提供了三种实用的JavaScript函数：检测元素是否包含特定的className，为元素添加className，以及从元素中移除className。这些函数使用正则表达式来精确匹配className，确保了操作的准确性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

检测，添加，移除className

检测是否存在className

function hasClass(element, className) {
	var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
	return element.className.match(reg);
}

添加className

function addClass(element, className) {
	if (!hasClass(element, className)) {
		element.className += " " + className;
	}
}

移除className

function removeClass(element, className) {
	if (hasClass(element, className)) {
		var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
		element.className = element.className.replace(reg, ' ');
	}
}