Как я могу удалить класс элемента без селектора идентификатора - с ванильным JavaScript (без jquery)?

Question

Как я могу удалить класс элемента без селектора идентификатора - с ванильным JavaScript (без jquery)?

1

Прежде всего, я должен сказать, что я хотел бы использовать этот код в "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. Можно ли использовать tampermonkey, если chrome javascript отключен?

2.Как я могу удалить только класс " d-none "?

sarah miller 10 окт. 2018, в 12:54

Источник

0

почему бы не использовать CSS, чтобы полностью изменить CSS внутри d-none . Я довольно это добавляет display:none так что сделайте это display:block
Temani Afif 10 окт. 2018, в 09:57
0

«Как мне удалить только класс« d-none »?» - developer.mozilla.org/en-US/docs/Web/API/Element/classList
misorude 10 окт. 2018, в 10:01

Теги:

javascript

css

tampermonkey

2 ответа

0

getElementsByClassName Найти первый экземпляр класса.
Удалите элемент с помощью элемента класса DOM класса.

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>

DreamTeK 10 окт. 2018, в 08:04

Ещё вопросы

почему бы не использовать CSS, чтобы полностью изменить CSS внутри d-none . Я довольно это добавляет display:none так что сделайте это display:block
«Как мне удалить только класс« d-none »?» - developer.mozilla.org/en-US/docs/Web/API/Element/classList

Itay Gal · Accepted Answer · 2018-10-10T07-17-00.000Z

Вы можете найти все элементы по классам, выбрать первый (в этом примере), перейти к своему родителю и удалить найденный элемент

Примечание: 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>