find ancestors

by Julien Etienne

HTML

<div><p><span><b>Foo</b></span></div>

JavaScript

/* 
const getParents = el => {
  let parents = []
  for (let i = 0;el; el = el.parentNode, i++) {
    if(el === document.body) break
    if(i > 0) parents.push(el)
  }
  return parents
};

console.log(getParents(document.querySelector('b'))) */

let el = document.querySelector('b')

const getAncestors = (el) => {
  const ancestors = [el], {body} = document
  while(el.parentElement !== body) {
    el = el.parentElement; ancestors.push(el)
  }
  return ancestors
}
console.log('hello',getAncestors(el))