<pre class="shiki github-dark shaku"><code>function generateSelector(root, target) { let current = target; let result = ""; while(current !== root){ result = `&gt; ${current.tagName.toLowerCase()}${current.id ? `#${current.id}` : ""} ${result}` current = current.parentElement; } return `${root.tagName.toLowerCase()} ${result}`;}</code></pre>

Looping through parents using tagName and id to generate selector string

Given a DOM tree and a target element, generate a valid selector to target it. For example, for a DOM tree like below <div> BFE.dev <div> is <p…