Le code ne fonctionne pas, impossible de lire la propriété 'className' de undefined

Question

Quel est le problème avec ce code?

var divarray = []; 
var articleHTML = []; 
var absHTML; 
var keyHTML; 
var bodyHTML = []; 
var i = 0; 
divarray = document.getElementById("yui-main").getElementsByTagName("div"); 
for (var j in divarray) { 
    if(divarray[i].className == "articleBody"){ 
     articleHTML = divarray[i]; 
     for(var k in articleHTML){ 
      bodyHTML[i] = ''; 
      if(articleHTML[i].className == "issueMiniFeature"){continue;} 
      if(articleHTML[i].className == "abstract"){absHTML = articleHTML[i]; continue;} 
      if(articleHTML[i].className == "journalKeywords"){keyHTML = articleHTML[i]; continue;} 
      bodyHTML[i] = articleHTML[i]; 
     } 
     break; 
    } 
    i++; 
} 

L'erreur que je reçois est:

TypeError: Cannot read property 'className' of undefined 

J'utilise Google Chrome.

Answer 1

Vous utilisez une boucle très étrange.

for (var j in array) { 
    // use array[i] 
    ++ i 
} 

Le problème est .getElementsByTagName ne retourne pas un tableau, mais une interface semblable à un tableau. Par exemple:

>>> for (var j in document.getElementsByTagName('body')) console.log(j) 
0 
length 
item 
namedItem 

Par conséquent, dans votre boucle for/in, i monterons array.length + 2 au lieu de array.length - 1. Puisque array[array.length + 2] n'existe pas, il renverra undefined et lancera l'erreur lorsque vous essaierez d'accéder à une propriété de celui-ci.

---

Juste toujours utiliser

for (var i = 0, len = array.length; i < len; ++ i) { 
    ... 
} 

avec des tableaux.

Answer 2

-vous dire:

var divarray = []; 
var articleHTML = []; 
var absHTML; 
var keyHTML; 
var bodyHTML = []; 
var i = 0; 
divarray = document.getElementById("yui-main").getElementsByTagName("div"); 
for (var j in divarray) { 
    if(divarray[j].className == "articleBody"){ 
     alert("found"); 
     articleHTML = divarray[j]; 
     break; 
    } 
    bodyHTML[i] = ''; 
    if(divarray[j].className == "issueMiniFeature"){continue;} 
    if(divarray[j].className == "abstract"){absHTML = divarray[j]; continue;} 
    if(divarray[j].className == "journalKeywords"){keyHTML = divarray[j]; continue;} 
    bodyHTML[i] = divarray[j]; 
    i++; 
} 

Answer 3

INITIALISATION articleHTML comme un tableau, alors vous configurez apparemment articleHTML à un HTMLElement (divarray[i]) mais le traiter comme un tableau (articleHTML[i]) - ce essaie réellement obtenir la propriété i du HTMLElement que vous avez extrait de divarray, qui n'existe pas, puis vous essayez d'obtenir le className de cette valeur indéfinie.