Как получить доступ к каждому элементу html в js

Question

Создайте простую HTML-страницу, состоящую из 15-20 элементов (html, head, body, p, ul, ol, li, div, h1, h2 и так далее), делая так же и вложенные друг в друга элемента (например, h2 и div внутри другого div).
Получите доступ к каждому элементу (за исключением пробельных символов), выведя его в консоль.

про querySelectorAll я знаю имею ввиду можно ли как то с циклами провернуть? всем прописать const и console?

Answer 1

Пробежаться по всем тегам - использовать * в querySelectorAll

document.querySelectorAll('*').forEach(function(node) {
    console.log(node.nodeName)
});

Можно некоторые исключить

let tagExclude = ['style', 'script'];

document.querySelectorAll('*').forEach(function(node) {
    if (!tagExclude.includes(node.nodeName.toLowerCase()))
        console.log(node.nodeName)
});

Естесственно можно использовать filter для фильтрации.

БЛОГ НА HUSL

Как получить доступ к каждому элементу html в js

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