DOM-rumfummelei

[Paul]

Moin.
Kurze Frage (Quelltextschnipsel siehe unten):
Ich erstelle dynamisch mehrere Bilder (so ca. 50). Diese werden alle per JS übereinander positioniert (position:absolute). Da in der Funktion zum Positionieren ein wenig im DOM herumgefummelt wird, stellt sich mir die Frage, ob ich die Positionierung lieber direkt für jedes Bild einzeln mache, oder nach dem alle fertig sind, alle auf einen Schlag positioniere?

      for (var i = 0; i < layerLength; i++) {  
  
          ... hier passiert auch noch so einiges ...  
  
          // Bild angelegt  
          var overlay = document.createElement('img');  
          overlay.id = layer[i].Name+'_overlay';  
          overlay.src = 'img/overlays/'+layer[i].Name+'.gif';  
          overlay.className = 'overlay';  
          document.getElementById('my_container').appendChild(overlay);  
       /*SO*/ setOverlayPosition(overlay); // einzeln positionieren  
  
      }  
      /*ODER SO*/ setOverlayPosition(); // auf einen Schlag positionieren

        function setOverlayPosition(overlay) {  
            var pos = posAbs('overlay_blank'); // eigene Funktion  
  
            if(overlay) {  
                    overlay.style.top = pos.top+'px';  
                    overlay.style.left = pos.left+'px';  
            }  
            // falls kein einzelnes overlay mitgegeben wurde, werden alle positioniert  
            else {  
                var overlays = getElementsByClassName('overlay'); // eigene Funktion  
                var length = overlays.length;  
                for (var i=0; i<length; i++) {  
                    overlays[i].style.top = pos.top+'px';  
                    overlays[i].style.left = pos.left+'px';  
                }  
            }  
          }

Hoffe ich konnte Euch mein Problem nahe legen ;-)
Paul