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