就是实现上面的一个小演示，在实际工作中还是用的比较多的
原理很简单，即通过设置活动状态样式，然后不断切换到用户单击的元素上的其他元素，类名被删除
事实上，有两种方法可以在本地完成
以上是通过ulli标签展开的
你可以把点击事件放在ul或li上，看看你是否喜欢。
但是，建议绑定到父元素，并通过事件委托来判断它
第一条路
(e){ if(){((){ if(){ } } e . target . ClassNameActiVe } }
然而，上述方法直接清空元素的类名显然是有风险的。如果还有其他类名，显然是不合适的。类名“类名”也直接覆盖了前面的类名。
这时，我们应该用第二种方式来找乐子
choice number(e){ if(e . target . nodename span){ varolidocument . query selectorall(。user _ listlifor(Variatemofoli){ if(item . class list . contains(active)){ item . class list . remove(active } }//将类名e.target.classlist.add (active})添加到父节点。
通过classList添加和删除类名比较好，减少风险也很好玩不是吗
有些童鞋可能不太懂classList。给权威的机票
注意我对前端知识的不断更新
相关阅读
版权声明：内容来源于互联网和用户投稿 如有侵权请联系删除
标签： #纯手工js事件切换热门博客列表