diff --git a/snippets/getDomPath.md b/snippets/getDomPath.md new file mode 100644 index 000000000..c9291ac6e --- /dev/null +++ b/snippets/getDomPath.md @@ -0,0 +1,26 @@ +--- +title: getDomPath +tags: javascript, browser +--- + +Returns an array of an element's ancestors ordered from the document +root to the given element + +- Pass an element to the function, returns an array of elements +- Returned array has given element and all ancestor elements in order from document root downward + +```js +const getDomPath = (el) => + { + const path = []; + while (el) { + path.unshift(el); + el = el.parentElement; + } + return path; + } +``` + +```js +functionName(document.querySelector('nav')); // [html, body, header, nav] +```