Skip to content

Instantly share code, notes, and snippets.

@Joemires
Forked from karlgroves/gist:7544592
Created September 13, 2021 12:58
Show Gist options
  • Save Joemires/450e8bbd82f23ae87ec51284b95a842f to your computer and use it in GitHub Desktop.
Save Joemires/450e8bbd82f23ae87ec51284b95a842f to your computer and use it in GitHub Desktop.
Get DOM path of an element
function getDomPath(el) {
var stack = [];
while ( el.parentNode != null ) {
console.log(el.nodeName);
var sibCount = 0;
var sibIndex = 0;
for ( var i = 0; i < el.parentNode.childNodes.length; i++ ) {
var sib = el.parentNode.childNodes[i];
if ( sib.nodeName == el.nodeName ) {
if ( sib === el ) {
sibIndex = sibCount;
}
sibCount++;
}
}
if ( el.hasAttribute('id') && el.id != '' ) {
stack.unshift(el.nodeName.toLowerCase() + '#' + el.id);
} else if ( sibCount > 1 ) {
stack.unshift(el.nodeName.toLowerCase() + ':eq(' + sibIndex + ')');
} else {
stack.unshift(el.nodeName.toLowerCase());
}
el = el.parentNode;
}
return stack.slice(1); // removes the html element
}
//Usage:
var path = getDomPath(document.getElementById('button'));
console.log(path.join(' > '));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment