Метод 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. Исправьте это правописание.~~ Вы отредактировали вопрос, чтобы исправить это.
Вы вызываете document.getElementaryById('int') перед тем, как существует элемент с id="int". Переместите скрипт непосредственно перед </body> (или, по крайней мере, где-то после <span id="int">interesting</span>).
Узел HTML Element не имеет свойства 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: Невозможно прочитать свойство «document» из null. –

Метод addEventListener не работает в файле JavaScript

ответ

Смежные вопросы