js 修改className

js 修改classNamejs 修改 className1 添加 输入 元素 类名 functionaddC elm newClass nbsp nbsp nbsp nbsp nbsp nbsp varclasses elm className split nbsp nbsp nbsp nbsp varclassInde hasClass elm newClass nbsp nbsp nbsp nbsp if classIndex

js 修改className

1. 添加。输入:元素,类名

?
function
addClass(elm,newClass){  
    
var
classes = elm.className.split(
' '
);
    
var
classIndex=hasClass(elm,newClass);
    
if
(classIndex==-1)classes.push(newClass);
    
elm.className = classes.join(
' '
);
}

  

2. 查找。输入:元素,类名 返回:index

?
function
hasClass(elm,className){
    
var
classes = elm.className.split(
' '
);
    
for
(
var
a
in
classes){
        
if
(classes[a]==className)
return
a;
    
}
    
return
-1;
}

3. 删除。输入:元素,类名

?
function
delClass(elm,className){
    
var
classes = elm.className.split(
' '
);
    
var
classIndex=hasClass(elm,className);
    
if
(classIndex!=-1)classes.splice(classIndex,1);
    
elm.className=classes.join(
' '
);
}
function hasClass(element, className) { var reg = new RegExp('(\\s|^)'+className+'(\\s|$)'); return element.className.match(reg); } function addClass(element, className) { if (!this.hasClass(element, className)) { element.className += " "+className; } } function removeClass(element, className) { if (hasClass(element, className)) { var reg = new RegExp('(\\s|^)'+className+'(\\s|$)'); element.className = element.className.replace(reg,' '); } }

splice() 方法用于插入、删除或替换数组的元素。

说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
提示和注释
注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。










版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225701.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午8:44
下一篇 2026年3月17日 上午8:44


相关推荐

  • Java打印带边框的乘法口诀表_Java 面试 – 打印九九乘法口诀表

    Java打印带边框的乘法口诀表_Java 面试 – 打印九九乘法口诀表在Java面试过程中,面试者经常会被要求手写代码或上机操作。一般来说,手写代码或上机操作,主要还是考察面试者的分析问题和解决问题的能力。打印九九乘法口诀无疑是非常基础的,那么如何实现呢?首先我们先来分析一下九九乘法口诀表内在的规律,然后再根据分析结果,选择适合的解决方案。九九乘法口诀表:1*1=11*2=22*2=41*3=32*3=63*3=91…

    2022年7月15日
    19
  • linux创建文件

    linux创建文件转载自:https://www.cnblogs.com/lclq/p/5741852.htmlLinux命令(1)-创建文件1.可以使用cat创建一个新的文件  命令:cat>>filename  使用cat创建文件时,以系统默认的文件属性作为新文件的属性,并接受键盘输入作为文件的内容。输入结束时按Ctrl+d退出并保存文件。    另外,使用catfilename命令可以查看文件内…

    2022年6月29日
    22
  • mui的时间控件 picker

    mui的时间控件 pickerhtml,body,.mui-content{height:0px;margin:0px;background-color:#efeff4;}h5.mui-content-padded{margin-left:3px;margin-top:20px!important;}h5.mui-content-padded:first-child

    2022年5月23日
    32
  • httpclient Accept-Encoding 乱码[通俗易懂]

    httpclient Accept-Encoding 乱码[通俗易懂]解决方法1HttpEntityhttpEntity=httpResponse.getEntity();2if(httpEntity!=null){3if(httpEntity.getContentEncoding()!=null){4if("g…

    2022年7月15日
    19
  • jedis连接redis集群中的一台无法操作?_jedis连接redis哨兵

    jedis连接redis集群中的一台无法操作?_jedis连接redis哨兵jedis连接redis集群

    2025年10月12日
    6
  • 多元有序logistic回归分析_SPSS:二元Logistic回归中自变量的处理和解读——有序多分类变量的处理…

    多元有序logistic回归分析_SPSS:二元Logistic回归中自变量的处理和解读——有序多分类变量的处理…SPSS 二元 Logistic 回归中自变量的处理和解读 有序多分类变量的处理 有序多分类变量是很常见的变量形式 通常在变量中有多个可能会出现的取值 各取值之间还存在等级关系 比如高血压分级 0 正常 1 正常高值 2 1 级高血压 3 2 级高血压 4 3 级高血压 尿蛋白水平 0 1 2 3 4 等等 与无序多分类变量不同 有序多分类变量的各个选项直接呈现向一个方向递增或

    2025年10月9日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号