JavaScript с нуля

Прогулка по DOM

Последний фрагмент затрагивает все, что мы видели до сих пор. Он рекурсивно проходится по DOM и касается каждого HTML-элемента, который находит:

function theDOMElementWalker(node) {

if (node.nodeType == Node.ELEMENT_NODE) {

console.log(node.tagName);

node = node.firstChild;

while (node) {

theDOMElementWalker(node);

node = node.nextSibling;

}

}

}

Чтобы увидеть эту функцию в деле, мы просто вызываем ее, передавая узел, с которого хотим начать путь:

let texasRanger = document.querySelector("#texas");

theDOMElementWalker(texasRanger);

В этом примере мы вызываем функцию theDOMElementWalker для элемента, на который ссылается переменная texasRanger. Если вы хотите выполнить некий код для элемента, найденного этим скриптом, замените закомментированную строку на то, что хотите сделать.

КОРОТКО О ГЛАВНОМ

Нахождения пути внутри DOM — это один из тех навыков, которым должен обладать каждый JavaScript-разработчик. Этот урок предоставляет обзор доступных техник. Применение же всего этого материала на практике уже полностью ложится на вас… или хорошего друга, который поможет со всем этим разобраться. В последующих уроках мы углубимся в эту тему еще больше. Разве это не звучит захватывающе?

Появился вопрос? Обращайтесь на https://forum.kirupa.com за ответом от дружественных разработчиков, таких же, как мы с вами.