純粋なjavascriptを使用して子ノードからすべてのクラスを削除する方法？

Question

[！[ここに画像の説明を入力] [1] [1]

• を、それがUL李構造のメニューを持っています。
• 私はすべてのmenushowクラスをsubmenu_1から削除します。
• 私は複数のsubmenu_1クラスを持っています。

デモ例：ul.submenu_1.menushowからの要素からすべてのクラス.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> 

Answer 1

あなたは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>