Как изменить html с помощью javascript

document.classList.remove("__sale");
<li class="it grid_li __double">
  <div class="gift-card __ru __live __large __sale __no-frame" aria-label="Подарок">
    <li class="it grid_li __double">
      <div class="gift-card __ru __live __large __free __no-frame" aria-label="Подарок"></div>
    </li>
  </div>
</li>

полный путь

Мне нужно удалить класс .__sale через JavaScript, как я могу это сделать?


Ответы (1 шт):

Автор решения: Иван Ипатов

У вас не обозначен объект для которого вы хотите убрать стили, его можно найти разными способами, например, .querySelectorAll() или getElementsByClassName().

Добавил CSS для видимости:

document.querySelectorAll('.__sale')[0].classList.remove('__sale')
div {
  height: 100px;
  width: 100px;
  background-color: #aaa;
}
.__sale {
  background-color: #2a2;
}
<li class="it grid_li __double">
  <div class="gift-card __ru __live __large __sale __no-frame" aria-label="Подарок">
    <li class="it grid_li __double">
      <div class="gift-card __ru __live __large __free __no-frame" aria-label="Подарок"></div>
    </li>
  </div>
</li>

→ Ссылка