InnerHTML wird nicht aufgerufen, wenn getElementsByClassName verwendet wird

Question

Ich habe eine Reihe von Absätzen mit dem Klassennamen "display". Was ich versuche, ist, die Formulareingabewerte zu erhalten (Formular ist der Name "inputForm") und diese über innerHTML den Absätzen zuzuweisen. Das Problem ist, dass die for-Schleife nie ausgeführt wird.

Jede Hilfe würde sehr geschätzt werden. Vielen Dank.

Answer 1

Sie haben vergessen, i zu ZERO innerhalb Ihrer for-Schleife-Anweisungen zu initialisieren.

dies Versuchen Sie stattdessen für die for-Schleife:

for (var i=0; i < elements.length; i++) { 
    elements[i].innerHTML += formElements[i].value; 
    alert(i); // never gets called 
} 

Answer 2

In der Initialisierungsausdruck-Schleife, die Variable i deklarieren, ohne ihm einen Wert zuweisen, was bedeutet, dass es Wert undefined gesetzt. Die Bedingung der Schleife ist daher immer falsch: undefined < elements.length, daher wird die Anweisung niemals ausgeführt.

for ([initialization]; [condition]; [final-expression]) 
    statement 

Sie dieses Problem beheben, indem Sie die Variable deklarieren und ihr einen Wert zuweisen: var i = 0.