@nashivancom

Как можно повесить display none на div если тег h2 в нем содержит «hello»?


Как можно реализовать это самым простым способом?
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ответы на вопрос 2
Seasle
@Seasle Куратор тега JavaScript
\( ゚ヮ゚)/
Как вариант:
document.addEventListener('DOMContentLoaded', () => {
  const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
  
  while (walker.nextNode()) {
    const node = walker.currentNode;
    
    if (/^hello$/i.test(node.textContent.trim())) {
      node.parentNode.closest('div').hidden = true;
    }
  }
});
Ответ написан
twobomb
@twobomb
Array.from(document.querySelectorAll("div h2")).filter(e=>e.innerHTML == "hello").forEach(e=>e.parentNode.style.display="none");
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы