javascript - 如何在纯 javascript 而不是 jquery 中获取第 n 个父元素

Question

例如，

<div class="panel">
   <div class="inner-panel">
      <button onclick="hideParentElement()">
        Hide
      </button>
   </div>
 </div>

如果我想向最外层添加一个类，我需要获取该元素并向其添加一个类。如何使用纯 JavaScript 实现这一点？

我尝试了以下方法:

this.parentElement.parentElement.classList.add("classname");

这行得通，但如果有超过 2 个 parentElements，则这不是正确的方法。请提出更好的方法

Answer 1

你必须像这样循环 parent 。

var el = this.parentElement;
while(el.className != 'panel'){
    el = el.parentElement;
}
//el is now your parent
el.className += "classname";

对于纯 Javascript，这就是实现它的方式。