javascript - 如何隐藏页面上某种类型的第一个标签

Question

无论如何选择页面上标签的第一个实例？

我正在使用 Drupal 并且客户端正在将一个字段更改为另一个字段，但暂时需要两个字段（由于使用旧字段创建的事件，并且正在持续为新事件创建），但是他们只希望显示一个。

我想让它的第一个实例<label>content</label>和 the<span class="date-display-single">content</span>不可见。

Answer 1

仅 CSS（我不知道这是否适合您）：

label:first-of-type, .date-display-single:first-of-type {
  display: none;
}

如果一定要支持不支持:first-of-type伪类的老版本浏览器，可以使用金孔蛙提出的vanilla JS方案

Answer 2

document.getElementsByTagName("label")[0].style.display = 'none';
document.getElementsByClassName("date-display-single")[0].style.display = 'none';