我如何在没有ID选择器的情况下删除元素的类-使用普通JavaScript（无jquery）？

Question

首先，我要说的是我想在“ tampermonkey”中使用此代码；
有这样的代码：

<div class="tab-pane fade show active" id="tab-content-download" role="tabpanel" aria-labelledby="tab-download">
   <div class="d-none d-js-block">
       <p>...some text...</p>
   </div>
</div>

（我还必须提到，我已在此站点中禁用了Chrome Javascript。）
1.禁用Chrome javascript时是否可以使用tampermonkey？

2.如何才能仅删除“ d-none ”课程？

Answer 1

您可以按类查找所有元素，选择第一个（在此示例中），转到其父级并删除找到的元素

注意：即使仅找到1个元素， getElementsByClassName也会返回元素数组。

 var el = document.getElementsByClassName("d-none")[0]; el.parentElement.remove(el); 

 <div class="tab-pane fade show active" id="tab-content-download" role="tabpanel" aria-labelledby="tab-download"> <div class="d-none d-js-block"> <p>...some text...</p> </div> </div> 

如果要删除类而不是元素：

 var el = document.getElementsByClassName("d-none")[0]; el.classList.remove("d-none"); 

 <div class="tab-pane fade show active" id="tab-content-download" role="tabpanel" aria-labelledby="tab-download"> <div class="d-none d-js-block"> <p>...some text...</p> </div> </div> 

Answer 2

• getElementsByClassName查找类的第一个实例。
• 使用DOM元素classList删除元素。

 document.getElementsByClassName("d-none")[0].classList.remove("d-none"); 

 <div class="tab-pane fade show active" id="tab-content-download" role="tabpanel" aria-labelledby="tab-download"> <div class="d-none d-js-block"> <p>...some text...</p> </div> </div>