如何使用純JavaScript從子節點中刪除所有類？

Question

[！[在此處輸入圖片描述] [1]] [1]

• 它具有ul li結構菜單。
• 我想從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

要刪除所有類.menushow從元素從ul.submenu_1.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>