27 lines
556 B
Markdown
27 lines
556 B
Markdown
---
|
|
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]
|
|
```
|