JavaScript-为什么只有我的第一个div改变颜色？-堆栈溢出

顺晟科技

2022-10-19 14:43:05

当鼠标使用EventListener进入div时，我试图将每个div的背景色更改为黑色。它目前只将第一个div切换为黑色，但没有任何其他div。为什么我的eventlistener只应用于第一个“内容div”div？

示例：

这是我的html代码:

<body>
    <div id="mainContainer"></div>

    <script src="index.js"></script>
</body>

这是我的javascript代码:

<body>
    <div id="mainContainer"></div>

    <script src="index.js"></script>
</body>

这是在检查google Chrome中的元素时显示的：

顺晟科技：

如果要选择许多元素，可以使用。如果要选择一个，请使用。

我对您的示例使用了最小的更改。理想情况下，您应该接受注释的建议，并将标识方法更改为class而不是id。

最后，我单独使用css添加了另一个效果，因此您可以比较如何使用：Hover Class进行样式更改。

网站建设