お世話になっております。

今回dtの親要素のdivに対してappearクラスの着脱を実現する為、
dt.parentNode.classList.toggle("appear");と記載したと認識しています。

dts.forEach(dt => {
    dt.addEventListener("click", () => {
      dt.parentNode.classList.toggle("appear");
    });

他のミニアプリ制作の授業では、
今回の例で言うとdivのように、
クラスの着脱を行う対象要素を直接記載しています。

なぜ今回はdt.parentNodeと
間接的に記載されているのでしょうか。