zoukankan      html  css  js  c++  java
  • js动态绑定class(当前父级div下的子元素有没有这个class,有的话移除,没有的话添加)

    <div class="layui-inline" id=‘’   onclick="changeType(id)">
                    <label class="layui-form-label"></label>
                  </div>

    function changeType(id){//id是通过绑定事件传过来的
                var askclass = document.getElementById('askclass'+id);//采取拼接方式获取当前点击的哪一个元素
                var askclassParsent=askclass.parentNode; //获取当前父级分类
                var askclassChriden=askclassParsent.children//获取父元素下的所有子元素
                 for(var i=0;i<askclassChriden.length;i++){//循环所有子元素
                    if(askclassChriden[i]==askclass){//如果点击的是当前子元素
                      askclassChriden[i].classList.add("select")//添加class样式
                    }else{
                    askclassChriden[i].classList.remove("select") //不是的话就移除其他子元素的样式
                    }
                    }
                
                }

  • 相关阅读:
    简单的逻辑学 笔记
    中国古代文化常识 笔记
    Docker 使用官方镜像
    Docker 入门 之基本命令
    Windows.form增删改查
    自定义控件
    LISTVIEW
    窗体布局
    计算器
    登录
  • 原文地址:https://www.cnblogs.com/uniapp/p/13043060.html
Copyright © 2011-2022 走看看