如何處理 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>