Javascript Function [getParents(sourceElement)] to Get All Parents

Javascript Function Code [getParents(sourceElement)] to Get All Parents Recursively Traveling up the Parent Tree Storing Parent Elements in Array and Returning

The below code is a simple Javascript function that allows to input an element [sourceElement] and recursively travel up the parent tree storing all of the parents in array and returning the array.

/* -------------------------------------------- STARTING WITH [sourceElement] RECURSIVELY TRAVERSE PARENTS AND STORE IN ARRAY RETURN --------------------------------------------- */ function getParents(sourceElement){ // array to store parents let arrParents = [sourceElement]; // Run while loop until the element has a parent node while(sourceElement.parentNode){ // Go one level up in the DOM tree sourceElement = sourceElement.parentNode; // add this elem to parents array arrParents.push(sourceElement); } // while(element.parentNode) console.log(arrParents); return arrParents; }

Example use:

let arrParents = getParents(document.querySelector('#exampleID'));

The array of parent elements return can be manipulated and have properties returned just like any other html element in JavaScript.