Как поменять свойство z-index до верхнего родителя чистым js?

Question

[Андрей Рич]

Есть вот такая структура сайта и css. Я получаю нужный мне элемент на сайте вот так let elem = document.getElementsByClassName('targetEl')[0] Как изменить значения z-index на avto родителей до верхнего дива элемента?

<div id="app">
  <div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <div class="cont">
    <div class="raw">
      <div class="lol">
        <div class="imHere">
        </div>
      </div>
    </div>
  </div>
</div>

css:
.cont {
z-index: 30;
}

.raw {
z-index: 40;
}

.ImHere {
z-index: 100;
}

Answer 1

[Сергей delphinpro]

https://learn.javascript.ru/dom-navigation

Answer 2

[Stockholm Syndrome]

let node = elem.parentNode;
while (!node.matches('#app')) {
  node.style.zIndex = 'auto'; 
  node = node.parentNode;
}