使用 Javascript 删除所有 div 类答案

【问题标题】：Delete all div classes with Javascript使用 Javascript 删除所有 div 类
【发布时间】：2022-01-05 02:10:21
【问题描述】：

我有一个关于在此处删除下面的整个课程的问题就像列表类中的整个类，包括按钮。但它不起作用。

我尝试了其他简单的代码，但它也能正常工作。我想知道有没有办法解决这个问题。谢谢！

const test2 = document.getElementById("list-id");
test2.classList.remove("lists");

    
    <div class="lists" div id="list-id">

        <div class="board" div id="board-id">
            <div class="email-header"></div>
            <div class="promo-code">Promo Code</div>
            <div class="list" div id="box-1"><button id="1" onclick="deleteBox(this.id)">X</button></div>
            <div class="list" div id="box-2"><button id="2" onclick="deleteBox(this.id)">X</button></div>
            <div class="list" div id="box-3"><button id="3" onclick="deleteBox(this.id)">X</button></div>
            <div class="list" div id="box-4"><button id="4" onclick="deleteBox(this.id)">X</button></div>
            <div class="list" div id="box-5"><button id="5" onclick="deleteBox(this.id)">X</button></div>
            <div class="list" div id="box-6"><button id="6" onclick="deleteBox(this.id)">X</button></div>
            <div class="email-footer"></div>
        </div>

        <div class="list" div id="product-list">
            <h2>Product List</h2>
            <div class="list-item" div id="1" draggable="true"><button id="1" onclick="deleteProduct(this.id)">X</button></div>
            <div class="list-item" div id="2" draggable="true"><button id="2" onclick="deleteProduct(this.id)">X</button></div>
            <div class="list-item" div id="3" draggable="true"><button id="3" onclick="deleteProduct(this.id)">X</button></div>
            <div class="list-item" div id="4" draggable="true"><button id="4" onclick="deleteProduct(this.id)">X</button></div>
            <div class="list-item" div id="5" draggable="true"><button id="5" onclick="deleteProduct(this.id)">X</button></div>
            <div class="list-item" div id="6" draggable="true"><button id="6" onclick="deleteProduct(this.id)">X</button></div>
        </div>
    </div>

【问题讨论】：

请提供适当详细的解释，说明您对此代码的期望以及它与预期的不同之处。见How to Ask

标签： javascript class

【解决方案1】：

试试这个：

  let divs = Array.from(document.getElementsByTagName("div"));
  for (let div of divs) {
    div.className = "";
  }

})

【讨论】：

很好，请点赞我的回答:)

【解决方案2】：

要从 div 元素中删除可见类，请使用以下代码： const div = document.querySelector ('div'); div.classList.remove('信息');代码语言：JavaScript (javascript) remove() 方法还可以让你一次删除多个类，像这样：

如果你想从 div 中删除类，你可以使用 javascript。只需使用查询选择器。例如 (const removeclass=document.querySelector('list'); removeclass.classList.remove('list'));

如果您想从列表中删除所有课程，您可以这样做

【讨论】：

感谢您的信息。在这个问题上给了我很多帮助！再次感谢！