0

这是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);
4

2 回答 2

1

改变这个：

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

对此：

var int = document.getElementById('int');
于 2013-09-28T12:46:47.337 回答
0
  1. 您拼写错误Element为Elementary. 更正那个拼写。您已编辑问题以更正此问题。
  2. 您在存在document.getElementaryById('int')的元素之前调用id="int"。将脚本移动到之前</body>（或至少移动到之后的某个位置<span id="int">interesting</span>）。
  3. HTML 元素节点没有document属性。您希望将事件处理程序直接绑定到元素。将 的所有实例更改int.document为int。

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

于 2013-09-28T12:53:16.260 回答