Speicherung von in JS erstellten HTML Elementen in Arrays
Archived 3 years ago
Z
Zagrthos
Ist es möglich, in JavaScript erstellte HTML Elemente (also Divs, Labels, Inputs, Selects), in Arrays zu speichern?
Folgende Situation: Es kann momentan per Number Input bestimmt werden, wie oft eine for Schleife iterieren und die Elemente erstellen soll. Da das ganze aber ein bisschen unschön aussieht, wenn jedes Mal die halbe Website kurzzeitig weiß wird und alle Elemente generiert, wollte ich es so gestalten, dass alle generierten Elemente in Arrays gespeichert werden. Nachdem das geschehen ist, könnte ich *theoretisch*, sollte der Input kleiner oder größer werden als der eingegebene, flexibel die bereits bestehenden Elemente erweitern/reduzieren.
Momentan sieht der JS Code so aus (nach dem Div folgen noch mehr Elemente):
```javascript
for (let i = 0; i < input.value; i++) {
// Create Div for the selectbox
const divCameraSelect = document.createElement("div");
divCameraSelect.setAttribute("id", `div-camera-select-id-${i + 1}`);
divCameraSelect.setAttribute("class", 'div-camera-select-class');
document.getElementById("div-camera-select").appendChild(divCameraSelect);
}
```
Wäre es überhaupt möglich sowas zu gestalten, wie ich es mir oben vorgestellt habe, oder ist das zu kompliziert / Wunschdenken?
Sollten noch mehr Codeschnipsel benötigt werden, kann ich die auch noch zeigen 🙂
