Question

我是HTML和javascript的新手。当鼠标悬停在按钮上但代码不能正常工作时，我写了下面的代码来执行javascript的over（）。

请建议对代码进行一些更改以使其运行。

<html>
<head>
    <script type="text/javascript">
        function over()
        {
            document.getElementById("b1").value="You have hovered mouse over me";
        }
    </script>
</head>
<body>
    <button onmouseover="over()" id="b1">Hover mouse over me</button>
</body>

Answer 1

您应该更改innerHTML元素的button

document.getElementById("b1").innerHTML = "You have hovered mouse over me";

您的脚本适用于<input type="button">

Answer 2

您需要使用innerHTML替换文本像这样

<input id="b1" type="submit" onmouseenter="over()" value="Hower me">

Answer 3

您的代码有效。

问题是，您不会在DOM中的任何位置看到value更改。为此，如果您想使用<input type='submit' value='Hover mouse over me'/>，则应使用innerHTML，或更改<button>的{{1}}。

<button>

上的

.innerHTML

<button>

function over()
{
    document.getElementById("b1").innerHTML = "You have hovered mouse over me";
}

<button id="b1" onmouseenter="over()">Hower me</button>

上的

value

<input type="submit">

function over()
{
    document.getElementById("b1").value = "You have hovered mouse over me";
}

按钮上的onmouseover事件

3 个答案: