javascript - javascript 无法调用 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)
      })
}