Class 如何使Onmouseover方法普遍应用于所有链接？

我们知道这个惊人的技巧，它允许用户突出显示链接。但是，您必须对每个链接重复该操作。例如：a href=”https://www.yahoo.com“Onclick=“window.open（this.href）；返回false”onmouseout=“this.style.color=”#0000ff“；”onmouseover=“this.style.color=”#e3FF85“；“align=”justify“>Yahoo。但是，我希望此代码适用于页面上的每个链接。我探索了两种可能的方法。一种是使用样式类型和类=方法。另一种可能是使用样式H1/H1（类似于W3学校）。但是，我甚至还没有接近得到一个通用的应用程序

1.您可以尝试以下方法：

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; ++i)
{
    links[i].onmouseenter = function() {links[i].style.color = '#e3FF85';};
    links[i].onmouseout= function() {links[i]..style.color = '#0000ff';};
}

3.如果您只想在鼠标悬停在链接上时更改样式（如颜色或背景），您可以通过CSS：

a:hover
{
    color: #123456;
}

---

非常感谢。#3评论的效果绝对完美。而且，这个简单的代码也适用于所有事情。一个适用于所有人的小代码。除此之外，我对答案1很好奇。我不确定onmouseout=“this.style.color=”#0000ff“；”会去哪里。与答案3相比，好处在哪里。我将进一步研究这一点，只是出于我自己的好奇心。@MediaReform当您拥有

var链接

（文件中所有链接的数组）时，您可以对它们做更多的事情，而不仅仅是在悬停时更改它们的颜色。例如，您可以添加

onclick

事件处理程序，或者使用一些jquery（例如

links[i].onmouseover=function（）{$（links[i]）.animate（/*您的动画在这里*/）；}；

）。

a:hover
{
    color: #123456;
}