Question

我知道这个问题可能非常基础，但我正在学习Javascript。我写了以下玩具程序，并希望看到短信＆＃34;你点击我，停止它！＆＃34;当我将鼠标悬停在超链接上时＃34;单击我＆＃34;。

我的js代码：

document.getElementsByClassName('clickme').onmouseover = function() { 
    var targetDiv = document.getElementById("foo").getElementsByClassName("bar")[0];

    targetDiv.innerHTML = "You clicked on me, stop it!";
    }

和我的HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>JavaScript Exercise1</title>
</head>
<body>
<a href='#' onmouseover="" class="clickme" />Click Me
<div id="foo">
    <div class="bar">
    <h4> hello world in h4 </h4>
    </div>
</div>

<script src="script.js"></script>
</body>
</html>

Answer 1

改变这个......

document.getElementsByClassName('clickme').onmouseover = ...

到这个

document.getElementsByClassName('clickme')[0].onmouseover = ...

Here it is in action.

Javascript没有响应鼠标悬停超链接

1 个答案: