时间戳

首页 > 解决方案 > 我有一个简单的网站，想在鼠标悬停时更改字体大小，但这段代码不起作用。为什么？

javascript - 我有一个简单的网站，想在鼠标悬停时更改字体大小，但这段代码不起作用。为什么？

问题描述

document.getElementById("change").onmouseover = function() {
  changeingFont();
};
document.getElementById("change").onmouseout = function() {
  normalFont();
};
function changeingFont() {
  document.getElementById("chnage").style.fontSize = "25px";
}
function normalFont() {
  document.getElementById("change").style.fontSize = "15px";
}

对于代码

我在 HTML（一个标签）中有超链接，当我用鼠标悬停文本时，文本必须更大。这不起作用......我不知道为什么......有人可以帮助我吗？

标签： javascripthtml

解决方案

直接的答案是一个错字，但我想提供更多信息来帮助您改进。您正在覆盖onmouseover和onmouseout事件处理程序，但我们可以更好一点并使用侦听器：

const change = document.getElementById("change");
change.addEventListener("mouseover", () => changeFont());
change.addEventListener("mouseout", () => normalFont());

function changeFont() {
    change.style.fontSize = "25px";
}

function normalFont() {
    change.style.fontSize = "15px";
}

推荐阅读