<pre class="language-javascript"><code class="language-javascript">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…