时间戳

首页 > 解决方案 > 如何在没有 ID 选择器的情况下删除元素的类 - 使用 vanilla JavaScript（无 jquery）？

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

问题描述

首先我要说我想在“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 ”类？

标签： javascriptcsstampermonkey

解决方案

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

注意：getElementsByClassName返回一个元素数组，即使只找到 1 个元素。

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>

推荐阅读