hidden из html в javascript
Сперва скриншот, как это выглядит в HTML коде:
Этот же кусок в виде HTML кода:
<div class="LeftSidebar__section hidden"><div class="SidebarList"><h2 class="SidebarList__title">Your app</h2><ul class="SidebarList__list" data-testid="rootlist"><li class="SidebarListItem"><div class="DropTarget SidebarListItem__drop-target"><div class="SidebarListItem__inner"><div class="SidebarListItem__link"><a class="SidebarListItemLink" draggable="false" href="spotify:app:genius" data-sidebar-list-item-uri="spotify:app:genius" data-ta-id="sidebar-list-item-link"><span class="SidebarListItem__label" dir="auto">Genius</span></a></div></div></div></li></ul></div></div>
Всё, что я тут сделал, на готовой странице - добавил к классу "hidden". Скажите пожалуйста, как будет выглядеть код на js, что бы так же скрыть это?
Ответы (1 шт):
Автор решения: Igor
→ Ссылка
document.
querySelector('.LeftSidebar .LeftSidebar__scroll-section .LeftSidebar__section').
classList.add('hidden');