如何使用纯javascript从子节点中删除所有类？

Question

[！[在这里输入的形象描述] [1] [1]

• 它具有UL李结构菜单。
• 我想从submenu_1中删除所有menushow类。
• 我有多个submenu_1类。

演示的例子：

<ul class="submenu_1 menushow"> 
<li class="sub"> 
    <ul class="submenu_2 menushow"> 
     <li> 
      <ul class="submenu_2 menushow"> 
       <li> 
        <ul class="submenu_2 menushow"> 
         <li></li> 
        </ul> 
       </li> 
      </ul> 
     </li> 
     <li></li> 
    </ul> 
</li></ul> 

Answer 1

为了从ul.submenu_1.menushow元素删除所有类.menushow您可以使用el.classList.remove('menushow')：

document 
 
    .querySelectorAll('ul.submenu_1.menushow, ul.submenu_1 .menushow') 
 
    .forEach(function(el) { 
 
    el.classList.remove('menushow'); 
 
    })

<ul class="submenu_1 menushow"> 
 
    <li class="sub"> 
 
     <ul class="submenu_2 menushow"> 
 
      <li> 
 
       <ul class="submenu_2 menushow"> 
 
        <li> 
 
         <ul class="submenu_2 menushow"> 
 
          <li></li> 
 
         </ul> 
 
        </li> 
 
       </ul> 
 
      </li> 
 
      <li></li> 
 
     </ul> 
 
    </li> 
 
</ul>