请教一下JS DOM 代里里的两个问题 感谢大佬

// 获取元素列表
   let tabNav=document.querySelector(‘.tab-nav .active’)
   let aEle=document.querySelectorAll(‘.tab-nav a’)
   let tabContent=document.querySelector(‘.tab-content .active’)
  
  //  循环出
   for(let i=0;i<aEle.length;i++){
   
    // 监听鼠标移动  
    aEle中括号i.addEventListener(‘mouseenter’,function(){
      console.log(document.querySelector(‘.tab-nav .active’))
      // 删除菜单元素原有ACTIVE类
      document.querySelector(‘.tab-nav .active’).classList.remove(‘active’)这里 document.querySelector(‘.tab-nav .active’)为什么换成tabNav不起作用？
      // 增加类
      this.classList.add(‘active’) //这里this为什么换成aEle中括号i不起作用？this指的和aEle中括号i不应该一样的吗是调用函数的吗 感谢

      //下面菜单详情大图图删除类
      document.querySelector(‘.tab-content .active’).classList.remove(‘active’)
      // 每个元素添加类
      document.querySelector( `.tab-content .item:nth-child(${i+1})` ).classList.add(‘active’)

    })

   }

aEle后面又 被论坛给吞了 改成文字的了 多谢

明白了 感谢大佬