时间戳

首页 > 解决方案 > 在悬停元素时创建高亮效果

javascript - 在悬停元素时创建高亮效果

问题描述

<a>当我将鼠标悬停在每个元素上时，我尝试对每个元素进行突出显示效果，div但它不起作用并且控制台显示此错误

“未捕获的类型错误：无法在 highlight_function 处设置未定义的属性‘背景’”

在此处输入图像描述

function highlight_function () {document.getElementsByTagName("a").style.background="#80ff00"};

             document.getElementsByTagName("div").addEventListener("mouseover",highlight_function())

标签： javascripthtmlcssweb

解决方案

我认为这是因为它document.getElementsByTagName("a")是一个数组，并且您试图在数组上而不是在每个元素中设置样式。

您应该创建一个 for 循环来更改每个元素的背景样式，或者添加一个样式标签，如a {background: "#80ff00"}.

但是你不能像这样为数组定义样式

推荐阅读