Как вывести HTML структуру в дерево?

Question

[korner-brazers]

Всем привет, столкнулся с проблемой, не могу найти решения в гугле как построить html список сайта.
Пример списка:



Уже не знаю как правильно задать вопрос что-бы хоть что-то найти)) может кто знает, прошу подскажите направление где искать, спасибо)

Comments

[Hyubert]

а скрины у вас откуда, макет?

[Pavel Karinin]

@korner-brazers

вывести HTML структуру в дерево

в какое именное дерево? как структура JSON. XML или что-то иное?

[korner-brazers]

Pavel Karinin, возможно чуть не правильно объяснил) после загрузки сайта, нужно просканировать его весь исходный код и вывести дерево, как на скринах.

[korner-brazers]

Hyubert, первый скрин гугл хром, из инструмента разработчиков, второй скрин нашел на сайте одном webflow.com, но там столько кода что хз как там строится))

[Pavel Karinin]

korner-brazers, Что касается рекурсивного перебора всех узлов DOM, то по этой ссылке (от Ivan Bogachev) вы найдете решение. Далее все узлы вы можете стилизовать как вам понравиться, добавить функционал на раскрытие и и закрытие узла.

Answer 1

[Ivan Bogachev]

Имеете в виду что-то такое?

Comments

[korner-brazers]

да, то что нужно! спасибо)