如何使用JavaScript按类删除div

Question

我想从现有网站上使用JavaScript逐个删除div。

<div id="application-form">
   <div class="show-pl">Test</div
</div>

Answer 1

使用removeAttribute('class')

document.querySelector('.show-pl').removeAttribute('class');

<div id="application-form">
  <div class="show-pl">Test</div>
</div>

如果要删除必需类的元素，请使用document.querySelector('.show-pl').remove();

document.querySelector('.show-pl').remove();

<div id="application-form">
  <div class="show-pl">Test</div>
</div>

Answer 2

如果要删除类，只需使用listClass.remove（'classname'），如下所示：

document.querySelector('your-selector').classList.remove('classname-to-remove')