首页 > 其他分享 >JS操作增加Class属性和移除删除Class属性

JS操作增加Class属性和移除删除Class属性

时间:2023-10-15 18:35:03浏览次数:29  
标签:shop shifu getElementsByClassName color 移除 var border Class 属性

直接上代码


function go(a){
        if(a == 'shifu'){
            //移除属性
            var shop = document.getElementsByClassName("shop")[0];
            shop.classList.remove("ns-border-color");
            
            //增加属性
            var shifu = document.getElementsByClassName("shifu")[0];
            shifu.classList.add('ns-border-color');
             
            //赋值
            $("#thtype").val(a);  
          
        }
        if(a == 'shop'){
      
            var shifu = document.getElementsByClassName("shifu")[0];
            shifu.classList.remove("ns-border-color");
            
            var shop = document.getElementsByClassName("shop")[0];
            shop.classList.add('ns-border-color');
            
            $("#thtype").val(a); 
            
        }

        console.log(a)
    }
	

标签:shop,shifu,getElementsByClassName,color,移除,var,border,Class,属性
From: https://www.cnblogs.com/79524795-Tian/p/17765956.html

相关文章

  • 七、ES6之class类
    一、class基本语法JavaScript语言中,编写一个学生类,代码如下:(prototype可以个对象添加属性和方法)functionStudent(stuno,stuname){ this.stuno=stuno; this.stuname=stuname;}Student.prototype.stusex="";Student.prototype.sayHi=function(){ console.log("大......
  • 无涯教程-NumPy - 数组属性
    在本章中,无涯教程将讨论NumPy的各种数组属性。ndarray.shape此数组属性返回一个由数组维组成的元组。它也可以用来调整数组的大小。示例1importnumpyasnpa=np.array([[1,2,3],[4,5,6]])printa.shape输出如下-(2,3)示例2#这会调整ndarray的大小importnump......
  • 【CSS3】CSS3 3D 转换 ③ ( 3D 透视视图 | translateZ 转换分析 | 网页调试工具调试 t
    文章目录一、translateZ转换分析1、translateZ转换对应的空间分析2、网页调试工具调试translateZ属性值二、代码示例-translateZ转换分析1、代码示例-translateZ为0的参照示例2、代码示例-translateZ为200示例一、translateZ转换分析1、translateZ转换对应的......
  • OnTheSSH使用技巧(六)修改文件属性
    OnTheSSh提供了图形化的文件属性修改功能。在远端主机管理界面中,鼠标右键点击列表中的文件或目录:  ......
  • Test class should have exactly one public zero-argument constructor(测试类应该只
    在练习重写equals方法时写测试方法遇到这个问题先放报错代码:publicclassOrder{intorderId;StringorderName;publicintgetOrderId(){returnorderId;}publicvoidsetOrderId(intorderId){this.orderId=orderId;}......
  • pycharm连接远程服务器,代码成功运行,但一些基本python属性和函数会报红线(例如print)解决
    状况:pycharm连接远程服务器,代码成功运行,但一些常见python属性和方法报红线,例如print。当你在程序中输入print这种基本方法时,pycharm是不会有输入提示的,输入后也会报红线解决方法:将远程服务器中的环境变量添加至pycharm中查出服务器中环境变量:在xshell中输入vim~/.bashrc执......
  • jsoup获取指定class名称的标签
      publicvoidloadHtmlFile(StringhtmlFilePath){try{Documentdoc=Jsoup.parse(newFile(htmlFilePath),"utf-8");Elementsdivs=doc.select("div.hop1");for(Elementdiv:divs){......
  • 论文阅读:CLIP2Point: Transfer CLIP to Point Cloud Classification with Image-Depth
    CLIP2Point:TransferCLIPtoPointCloudClassificationwithImage-DepthPre-TrainingCLIP2Point:通过图像深度预训练将CLIP传输到点云分类  ICCV2023摘要由于训练数据有限,3D视觉和语言的预训练仍在开发中。最近的工作尝试将视觉语言(V-L)预训练方法转移到3D视觉。然而,3D......
  • elasticsearch通过Java class类的@Setting和@Mapping来定义索引index
    今天就来和大家讲讲如何将es索引中的mapping和setting在索引index和class联系起来,其实在这个问题也困扰我好久了,一直没有解决,在elasticsearch7.x版本的时候貌似好像可以用request在程序中来建立索引,像Stringindex=“{“mapping”:...}”之类的操作,干起来比较复杂,在elasticsear......
  • Vue3| 组合式API——computed 计算属性函数
    计算属性基本思想和Vue2的完全一致,组合式API下的计算属性只是修改了写法 核心步骤:1.导入computed函数<scriptsetup>import{computed}from'vue'</script>2.执行函数在回调参数中return基于响应式数据做计算的值,用变量接收<scriptsetup>import{com......