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

這裏是HTML頁面。當鼠標移動或移出時，文本中的顏色應該改變。addEventListener方法在JavaScript中不起作用文件

<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);

來源

2013-09-28 Sky Flyinz

它是'document.getElementById'，而不是'document.getElementaryById' – Niklas

你應該_really_看看如何調試JavaScript代碼。你的錯誤可以很容易地發現與每一個體面的調試工具（例如在鉻試用開發者控制檯），它會節省您的時間，並提高您的編碼能力。 – dirkk

~~您是拼寫錯誤Element爲Elementary。糾正拼寫錯誤。~~您已編輯該問題以更正此問題。
在存在id="int"的元素之前，您正在致電document.getElementaryById('int')。將腳本移動到</body>之前（或至少在<span id="int">interesting</span>之後的某處）。
HTML元素節點將不具有document屬性。您想要將事件處理程序直接綁定到元素。將int.document的所有實例更改爲int。

但是，如果您只是想在鼠標指向它時更改元素的顏色，請忘記JavaScript並使用the :hover pseudo-class。

來源

2013-09-28 12:53:16 Quentin

更改此：

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

這樣：

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

來源

2013-09-28 12:46:47

謝謝我的確改變了ElementById方法和冒號，但它不起作用。無論如何，它說Uncaught TypeError：無法讀取null的屬性「文檔」。 –

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

回答

相關問題