addEventListener方法在JavaScript文件中不起作用
[英]The addEventListener method doesn't work in JavaScript File
問題描述
這是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);
2 個解決方案
解決方案1
1 2013-09-28 12:46:47
更改此：
var int = document.getElementaryById('int');
對此：
var int = document.getElementById('int');
解決方案2
0 已采納 2013-09-28 12:53:16
-
您正在拼寫Element為Elementary。更正該拼寫。您已編輯問題以更正此問題。 - 您在存在
id="int"的元素之前調用document.getElementaryById('int')。 將腳本移到</body>之前（或至少移到<span id="int">interesting</span>）。 - HTML元素節點將沒有
document屬性。 您想將事件處理程序直接綁定到元素。 將int.document所有實例更改為int。
但是，如果您只是想在鼠標指向元素時更改元素的顏色，請忘記JavaScript並使用:hover偽類 。
Javascript：帶onkeydown的addEventListener似乎不起作用
[英]Javascript: addEventListener with onkeydown doesn't seem to work
為什么 addEventListener 在我的 JavaScript 代碼中不起作用
[英]why addEventListener doesn't work in my code in JavaScript
innerHTML 和 addEventListener 在 html 和 javascript 站點上不起作用
[英]innerHTML and addEventListener doesn't work on html and javascript site
JavaScript 運行時錯誤：對象不支持屬性或方法“addEventListener”
[英]JavaScript runtime error: Object doesn't support property or method 'addEventListener
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
javascript addEventListener不起作用
JavaScript addEventListener由於某些原因無法正常工作
Javascript：帶onkeydown的addEventListener似乎不起作用
JavaScript-addEventListener“點擊”不起作用
Javascript - addEventListener 按鈕單擊不起作用
為什么 addEventListener 在我的 JavaScript 代碼中不起作用
innerHTML 和 addEventListener 在 html 和 javascript 站點上不起作用
JavaScript 運行時錯誤：對象不支持屬性或方法“addEventListener”
clearTimeout不適用於addEventListener
addEventListener沒有在javascript中響應
相關標簽