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

Question

[！[在此处输入图像说明] [1]] [1]

• 它有ul li结构菜单。
• 我想从submenu_1删除所有menushow课程。
• 我有多个submenu_1 class。

演示示例：

<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>