如何使用純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>