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

[！[在此处输入图片描述] [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>

最佳答案

要从.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>

关于javascript - 如何使用纯JavaScript从子节点中删除所有类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44387230/