Skip to main content
1 de 3

JS - Como pegar a selector do Elemento ou a árvore dele?

Olá,

Eu estou tentando fazer uma função que ao clicar em um elemento eu consiga pegar ou a arvore(todos os parents) do elemento (até o body ou uma tag específica), ou pegue algo parecido com o "Copy -> Copy Selector" do DevTools.

inserir a descrição da imagem aqui

Por exemplo quando eu clicar no b me retornar algo como div > nav > h3 > b.

Clicando no label retornar div > label.

Clicando no h3 retornar div > nav > h3.

Podendo incluir o body se quiser... Caso precise inserir um id em um elemento para saber onde parar é uma solução viável também.

Agradeço desde já!