javascript Невозможно вызвать метод undefined в getElementsByTagName

Question

Я пытаюсь изучить javascript, не используя jQuery и другие.

У меня эта ошибка: не удается вызвать метод «getElementsByTagName» неопределенной

Я знаю, что проблема ошибки, но он не знает ее решить. как я могу избежать этой ошибки в будущем?

var menu = document.getElementsByClassName("menu-item"); 
    var i; 
    for (i = 0; i < menu.length; i = i + 1) { 
     menu[i].addEventListener("mouseenter", function() { 
     setInterval(function(){ 
      menu[i].getElementsByTagName("a").css("color","red") 
     },5000) 
     }) 
    } 

Answer 1

На самом деле существует более глубокая проблема с кодом. Функция setInterval не будет вызываться во время работы цикла. Он будет вызываться после завершения цикла. Поэтому, когда он вызывается, i будет иметь значение menu.length, тем самым находясь вне массива. Чтобы исправить это, попробуйте что-то вроде этого: (скрипка: http://jsfiddle.net/bKY9y/5/)

var menu = document.getElementsByClassName("menu-item"); 
console.log(menu); 

for (var i = 0; i<menu.length; i++) 
{ 

    console.log(menu[i].addEventListener) 
    menu[i].addEventListener("mouseover",function() { 
     var obj = this; 
     setTimeout(function(){ 
      console.log(obj); 
      var a = obj.getElementsByTagName("a"); 
      for (var j = 0; j < a.length; j++){ 
       a[j].style.color = "red"; 
      }   
     },1000) 
     }) 
}