Werte in Schleife aufbauend hinzufügen

[yaet]

Hallo,
mit folgender Formel habe ich bis jetzt immer gut span-Elemente aneinandergekettet und anschliessend in ein parent-element eingefügt.

PHP-Code:

var tmp=''; 

for(i=0;i<=10;i++){
  tmp+='<span>'+i+'</span>';
}
document.getElementById('bla').innerHTML=tmp; 


Nun würde ich gern die gleiche Formel haben, nur dass das span-Element von JS erstellt wird. Leider weiss ich nicht wie ich es nun aneinanderkette.

PHP-Code:

var tmp=''; 

for(i=0;i<=10;i++){
  var spanny = document.createElement('span');
  spanny.innerHTML=i;

  tmp+=?????;
}
document.getElementById('bla').innerHTML=tmp; 


Vielen Dank für eure Hilfe.

[Martin Kraft]

Ich würde solche DOM-Manipulationen nicht "zu Fuß" erledigen, weil es da noch zu viele Browser-spezifische Fallstricke gibt. Verwende dafür besser jQuery. In der zugehörigen Dokumentation dürfest Du dann auch genügend Beispiele für das finden, was Du vorhast.

[yaet]

Oh davon höre ich zum ersten mal. Könntest du erläutern welche Fallstricke das sein sollten?

[Martin Kraft]

Zitat von yaet

Oh davon höre ich zum ersten mal. Könntest du erläutern welche Fallstricke das sein sollten?

Meinst Du damit jetzt diesen Speziellen Fall oder Browserinkompatibilitäten im Allgemeinen?

Generell solltest Du Dir bewußt sein, dass JS (genauso wie HTML, CSS) kein fest definierte API die von allen Browsern gleichermaßen unsterstütz wird. Es gibt zwar Standards, wie diese aber genau umgesetzt und interpretiert werden ist von Browser zu Browser und Version zu Version unterschiedlich.

Die Situation hat sich zwar in der letzten Zeit erheblich verbessert, aber gerade wenn Du auch ältere Browserversionen unterstützen musst, solltest Du mit Probleme rechnen.

Um diese Problem zu umgehen wurden JS-Frameworks wie jQuery entwickelt, die eine fest definierte API zur Verfügung stellen und dem Nutzer somit die Workarounds und Browserweichen abnehmen.

Trotzdem sollten grundsätzlich JS-Codes auf allen aktuell relevanten Browsern getestet werden!