erstellt mehrere divs mit einer for-Schleife

8

Das ist eine wirklich einfache Frage, aber ich weiß nicht, warum es nicht funktioniert. Ich habe ein Array mit 3 Elementen im Inneren. Und ich habe einen Container, den ich eine Anzahl von divs basierend auf der Anzahl der Elemente in meinem Array einfügen möchte. Ich habe dafür eine for-Schleife verwendet, aber es erstellt nur ein div. Sollte es nicht 3 erstellen?

%Vor%

Hier ist eine Geige, um weitere Geige

zu demonstrieren     
Sai 10.08.2015, 12:41
quelle

5 Antworten

13

Verschieben Sie container aus der Schleife, es ist nicht erforderlich.

Fügen Sie innerHTML in jeder Iteration an.

%Vor%

Bearbeiten:

Danke Canon, für Ihre Kommentare. Ich wollte dir auch den gleichen Ansatz vorschlagen wie deiner, aber ich habe nach der Veröffentlichung der Antwort [keine Ausreden :)] mit einer anderen Arbeit zu tun gehabt. Aktualisieren der Antwort:

%Vor%
  

Dies kann so aussehen, als würden Sie mehr Codezeilen verwenden, aber dies wird effizienter und weniger fehleranfällig sein als die vorherige Lösung.

    
Vivek Jain 10.08.2015, 12:44
quelle
3

Ersetzen Sie = bis +=

Laut dem @ canon-Kommentar sind die bearbeiteten Antworten unterhalb von

%Vor%     
Hardik Raval 10.08.2015 12:45
quelle
0

Ersetzen Sie dies

%Vor%

mit diesem

%Vor%     
Pavel Kharibin 10.08.2015 12:46
quelle
0

Wenn Sie mehrere erstellen möchten, müssen Sie createElement mehr als einmal aufrufen.

%Vor%

Wenn Sie appendChild aufrufen und ein Element übergeben, das sich bereits im DOM befindet, wird es verschoben, nicht kopiert.

%Vor%     
user5135860 10.08.2015 12:52
quelle
0

Javascript Methode -

%Vor%

jQuery-Methode -

%Vor%     
M3ghana 10.08.2015 12:54
quelle

Tags und Links