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

Рейтинг: -2Ответов: 1Опубликовано: 25.06.2023

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

  2. Получите доступ к каждому элементу (за исключением пробельных символов), выведя его в консоль.

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

javascript html
Источник: Stack Overflow на русском

Ответы

▲ 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 для фильтрации.