如何处理 JavaScript 中的事件？

Question

我想用 class .nav-link将 class 添加到这个li中。 我正在使用 JS，但我不知道为什么这段代码不起作用。 Ps：我是 JavaScript 的新手

<script>
        const navLink = document.querySelector('.nav-link');

        navLink.addEventListener("click", reveal);
        
        function reveal(ev) {
            ev.classList.add("open");
        }

</script>

Answer 1

您必须使用ev.target来获取该元素。

<script>
        const navLink = document.querySelector('.nav-link');

        navLink.addEventListener("click", reveal);
        
        function reveal(ev) {
            ev.target.classList.add("open");  // <----------- Fix this line
        }

</script>