Alle DIVs in ein JS Array

[Amateur_builder]

Hallo liebe Community,
Ich bräuchte einen Ideenanstoß, wie es realisierbar wäre, (oder ob es bereits eine solche Funktion gibt,) dass mittels JavaScript ALLE DIVs, bzw. deren IDs, innerhalb des Dokuments, auch bei einem manipulierten DOM (z.B. werden DIVs von JavaScript auch dynamisch generiert) in ein Array zu speichern. Gibt es da sowas? Oder wüsste jemand, unter welchem Suchbegriff ich meine Suche fortsetzen sollte? Vielen Dank schon mal
MfG Amateur_builder

 

[Duddle]

AW: Alle DIVs in ein JS Array

Naja, du gehst durch den aktuellen DOM-Baum und suchst dir die gewünschten Elemente raus. Die in ein Array zu speichern ist dann das wenigste.

Wie sieht denn dein Ansatz aus und wo hängt es?


Duddle

 

[Amateur_builder]

AW: Alle DIVs in ein JS Array

Mir kam gerade ein Geistesblitz. Danke. Die DIVs die ich in ein Array speichern will, werden durch einen Button dynamisch generiert und deren ID ist immer "Box" plus die Nummer dann. Ich habe eh schon einen Zähler, der mir anzeigt, wieviele Boxen ich erstellen lassen habe. Dann kann ich diese Zahl für ein Schleifenargument verwenden und dann jedes "Box" Element einzeln auswerten... Oh Mann, ich stand so auf'm Schlauch. Danke Dir.

 

[mindraper]

AW: Alle DIVs in ein JS Array

hi.

ähem, wäre sowas nicht einfacher?

var allDivs = [];

// erzeugen der neuen divs
function createDiv () {
   /**
    * DEIN CODE ZUM ERZEUGEN
    */

   // alle divs in der variablen allDivs speichern
   allDivs = toArray(document.getElementsByTagName('div'));
};

// domcollections => arrays
function toArray (collection) {
   var i, array = [];
   try {
      // Array.slice() auf die collection anwenden
      array = Array.prototype.slice.call(collection);
   } catch (err) {
      // Array.slice() hat fehler erzeugt. daher durch die collection iterieren
      i = collection.length;
      while(i -= 1) {
         array.push(collection[i]);
      }
      // "von hinten" durch collection iteriert, array daher umdrehen
      array.reverse();
   }

   // das array zurückgeben
   return array;
};

hoffe das hilft