Question

这是HTML页面。移动或移出鼠标时，应更改文本中的颜色。

<html>
<head>
  <title>Untitled</title>
   <script type="text/javascript" src="prjs10_2.js"></script>
</head>
<body>
   <p> This is very <span id="int">interesting</span>!</p>
</body>
</html>

这是JavaScript文件。你能修复addEventListener方法必须执行吗？

var int = document.getElementById('int');

int.document.addEventListener("mouseover", function() {
int.style.color = "#FF0000";}, false);

int.document.addEventListener("mouseout", function() {
int.style.color = "#000000"}, false);

Answer 1

改变这个：

var int = document.getElementaryById('int');

到此：

var int = document.getElementById('int');

Answer 2

~~您错误地将Element拼写为Elementary。纠正拼写。~~您已编辑问题以更正此问题。
在存在document.getElementaryById('int')的元素之前，您正在调用id="int"。将脚本移至</body>之前（或至少移至<span id="int">interesting</span>之后的某处）。
HTML元素节点不具有document属性。您希望将事件处理程序直接绑定到该元素。将int.document的所有实例更改为int。

但是，如果您只是想在鼠标指向它时更改元素的颜色，请忘记JavaScript并使用the :hover pseudo-class。

addEventListener方法在JavaScript文件中不起作用

2 个答案: