somakun
@somakun
Фронтенд програмист

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

Есть вот такая структура сайта и 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;
}
  • Вопрос задан
  • 245 просмотров
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ответ написан
Комментировать
@StockholmSyndrome
let node = elem.parentNode;
while (!node.matches('#app')) {
  node.style.zIndex = 'auto'; 
  node = node.parentNode;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы