Compruebe si la clase existe en algún lugar entre los padres: vanilla JS

Estoy realmente luchando para ver cómo hacer esto. Quiero verificar si una clase se encuentra en algún lugar de uno de los elementos principales de un elemento.

No quiero usar ninguna biblioteca, solo vanilla JS.

En los ejemplos a continuación, debe devolver verdadero si el elemento en cuestión reside en algún lugar de los elementos secundarios de un elemento con "la clase" como el nombre de la clase.

Creo que sería algo como esto con jQuery:

if( $('#the-element').parents().hasClass('the-class') ) {
    return true;
}

Así que esto devuelve verdadero:

<div>
    <div class="the-class">
        <div id="the-element"></div>
    </div>
</div>

Así hace esto:

<div class="the-class">
    <div>
        <div id="the-element"></div>
    </div>
</div>

... pero esto devuelve falso:

<div>
    <div class="the-class">
    </div>
    <div id="the-element"></div>
</div>

Respuestas a la pregunta(7)

Su respuesta a la pregunta