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。如何仅删除“ 无人”课程？

Answer 1

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

注意：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>

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>

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

2 个答案: