Warum ist getAttribute nicht definiert?

Question

Ich habe dieses Skript, das ich ausgeführt habe. Es zeigt, dass die Eigenschaft getAttribute in Zeile 164 nicht definiert ist. Ich verstehe nicht warum. Ich habe versucht, die verschiedenen Funktions Rückzieher fordert die Pause zu sehen, aber ich mag es nicht

Look for Album.js file

Answer 1

Ihr mouseleave Ereignis-Listener sehen ist immer die event.target.className von album-view-song-item haben zu gehen, weil songRows als document.getElementsByClassName("album-view-song-item"); definiert

wenn daher die getSongItem(event.target) im Hörer aufgerufen:

songRows[i].addEventListener("mouseleave", function(event) { 
    var songItem = getSongItem(event.target); 
    var songItemNumber = songItem.getAttribute("data-song-number"); 

    if (songItemNumber !== currentlyPlayingSong){ 
     songItem.innerHTML = songItemNumber; 
    } 
}); 

T er element.className ist album-view-song-item. Wenn Sie diese in Ihre Funktion übergeben wird:

var getSongItem = function(element){ 
    switch(element.className){ 
     case "album-song-button": 
     case "ion-play": 
     case "ion-pause": 
      return findParentByClassName(element, "song-item-number"); 
     case "song-item-title": 
     case "song-item-duration": 
      return findParentByClassName(element, "album-view-song-item").querySelector(".song-item-number"); 
     case "song-item-number": 
      return element; 
     default: 
      return; 
    } 
}; 

Dies fällt auf den default Fall durch, die undefiniert zurückgibt. Der Aufruf getAttribute auf undefiniert, wie Sie sehen können, können Sie den Fehler Cannot read property 'getAttribute' of undefined