!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width initial-scale=10 titleDocumenttitleheadstyle margin 0; padding 0; onebo
点击后控制台没有输出的原因是因为代码中的事件监听器只监听了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标签时,控制台输出了。
原文地址: https://www.cveoy.top/t/topic/ipK6 著作权归作者所有。请勿转载和采集!