js 获取元素报错，是获取错误了？

大神帮我看看，我是想要获取里面的  li , js写法哪里错了。想要做鼠标经过li，会移动一小段距离；

63行的代码有问题，tab-com这个命名有问题，写成表达式-变成了减号了，改成下划线试试。

var li = document.querySelectorAll(".tab-com li");
for (var i = 0; i < li.length; i++) {
	li[i].addEventListener("mouseenter", function (e) {
		this.style.left = this.offsetLeft + 2 + "px";
	}, false);
}

class不是这样用的,试试这样

document.querySelector('.tab-com li').addEventListener('mouseenter',function(){
        this.style.left=this.offsetLeft+2+'px'
    })

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

<script>
    var lis = document.querySelectorAll('li');
    for (let li of lis) {
        li.addEventListener('mouseenter', function () {
            li.style.left = li.offsetLeft + 2 + 'px';
        })
    }
</script>

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y

63行的代码有问题，tab-com这个命名有问题，写成表达式-变成了减号了，改成下划线试试。