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") //不是的话就移除其他子元素的样式
                    }
                    }
                
                }

  • 相关阅读:
    Django框架-模板层
    Django框架-路由层
    Django流程-以登录功能为例
    常见的MySQL慢查询优化
    函数之二
    python 之 函数
    python 文件操作
    set dict tuple 内置方法
    leetcode
    python 之 数据类型初接触
  • 原文地址:https://www.cnblogs.com/uniapp/p/13043060.html
Copyright © 2011-2022 走看看