为什么在写js代码的时候onmouseover没有效果？

最新推荐文章于 2023-08-19 17:17:37 发布

Allezvous

最新推荐文章于 2023-08-19 17:17:37 发布

阅读量604

点赞数 1

分类专栏： bug-debug 文章标签：前端 javascript html bug

本文链接：https://blog.csdn.net/m0_66179588/article/details/127198200

版权

bug-debug 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

自己最开始写div的时候用的是class选择器，但是鼠标移动进div盒子的时候完全没有反应，但是换成了id选择器就可以了。

一开始：

<body>
    <div class="test">
        <div id="left">&lt;</div>
        <div id="right">&gt;</div>
    </div>
</body>
<script>
    var test = document.getElementsByClassName('test');
    var left = document.getElementById('left');
    var right = document.getElementById('right');
    test.onmouseover = function () {
        left.style.display = "block";
        right.style.display = "block";
    }
</script>

修改后：

<body>
    <div id="test"> 
        <div id="left">&lt;</div>
        <div id="right">&gt;</div>
    </div>
</body>
<script>
    var test = document.getElementById('test');
    var left = document.getElementById('left');
    var right = document.getElementById('right');
    test.onmouseover = function () {
        left.style.display = "block";
        right.style.display = "block";
    }
</script>