javascript - 如何在纯JavaScript中而不是jquery中获取nth-parent元素

例如，

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

如果要向最外面的部分添加类，则需要获取该元素并为其添加类。如何使用纯JavaScript来实现？

我尝试了以下方法:

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

这是可行的，但是如果有两个以上的parentElements，则不是正确的方法。
请提出一个更好的方法

最佳答案

您必须像这样骑单车。

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

使用纯Javascript就是这样做的方法。