程序的思想:检查链接,只要将鼠标悬停在链接上,打开链接,如果它有class="and textContent "Elzero";
问题是代码没有像预期的那样运行,并且在鼠标悬停在它上面时没有打开链接(列表中的第二个链接是目标链接)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script>
for (let i = 0; i < document.links.length; i++) {
if (document.links[i].classList.contains("open") &&
document.links[i].textContent === "Elzero") {
document.links[i].onmouseenter = function () {
document.links[i].click();
}
}
}
</script>
</head>
<body>
<a class="open" href="https://google.com" target="_blank">Google</a>
<a class="open" href="https://elzero.org" target="_blank">Elzero</a>
<a class="not" href="https://facebook.com" target="_blank">Facebook</a>
<a class="linked" href="https://linkedin.com" target="_blank">Elzero</a>
</body>
</html>
将<script>
放置在结束body标签的正前方,以便在运行时锚元素实际存在。
<script>
for (let i = 0; i < document.links.length; i++) {
if (document.links[i].classList.contains("open") &&
document.links[i].textContent === "Elzero") {
document.links[i].onmouseenter = function () {
document.links[i].click();
}
}
}
</script>
</body>