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

  • 相关阅读:
    解决IE8下VS2005,VS2008一些向导提示脚本错误问题
    12-7
    12.4
    写在十一月的尾巴
    11.28
    htm&css 颜色的浮动
    11.27
    11.26
    html基础——表格练习
    html基础——div/span
  • 原文地址:https://www.cnblogs.com/uniapp/p/13043060.html
Copyright © 2011-2022 走看看