类切换，遍历事件，最佳实践

Question

我一直在翻阅控制台中事件中的对象，以尝试将两个HTML元素链接在一起。

我正在尝试编写一个（原始Javascript）函数，该函数将在另一个元素上的类切换为被单击的元素。

这是我发现要单击的内容的途径。

function toggleActive() {
    let bodyClassList = event.path[2].children[1].classList;
    bodyClassList.add("active");
};

document.querySelector("#head").addEventListener("click", toggleActive);

HTML：

    <div id="wrap">
        <div id="head" class="headTab">
            <h3>clicked header tab</h3>
        </div>
        <div id="body" class="bodyContent">
            <ul>
                <li>li here</li>
                <li>li here</li>
                <li>li here</li>
            </ul>
        </div>
    </div>

我想知道这是否会被归类为混乱的代码？还是代码不可靠，如果是，为什么呢？有没有我遇到过的更好，更广泛使用的方法？

我看到的其他示例虽然使用的代码少得多，但并未使用这种方法-我认为一定有原因。

感谢您的回复。

PS对糟糕的标题感到抱歉，实际上不确定是哪个区域更具体。