I am trying to build a small website builder, I am using Iframe to load a webpage inside my editor. How can I create a Navigator like the browser elements selector that shows each elements layers and child elements hierarchy on my editors page and clicking each element scrolls to it in the Iframe like other website builders.

I tried recursively looping on DOM elements using javascript and jquery but did not work correctly with me