点击后控制台没有输出的原因是因为代码中的事件监听器只监听了ul元素的点击事件,而不是li元素中的a标签的点击事件。所以需要将事件监听器绑定到li元素上,而不是ul元素。修改代码如下:

let lis = document.querySelectorAll('li');
lis.forEach(function(li){
    li.addEventListener('click', function(e){
        let old = document.querySelector('.active');
        if(old){
            old.classList.remove('active');
        }
        e.target.classList.add('active');
    });
});

这样就能够在点击a标签时,控制台输出了。

!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width initial-scale=10 titleDocumenttitleheadstyle margin 0; padding 0; onebo

原文地址: https://www.cveoy.top/t/topic/ipK6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录