<h1>Заголовок 1 уровня</h1>
<main>
  <section class="razdel">
    <h2>Заголовок 2 уровня</h2>
    <article>
      <h3>Заголовок 3</h3>
      <div id="aside_art">
        Самый дальний родственник
        <div id="chil"></div>
      </div>
    </article>
  </section>
</main>

<button onclick="searchParent()">Search parent ID=chil</button>

function searchParent() {
  var chil = document.getElementById("chil");
  var notDiv = ":not(div)"; //ближайший не DIV элемент - это ARTICLE
  var section = ".razdel";//SECTION
  var div = "main div";//DIV#ASIDE_ART
  
  console.clear();
  console.dir(chil.closest(notDiv));
  console.dir(chil.closest(section));
  console.dir(chil.closest(div));
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.