IMG zu DIV hinzufügen - Alternative zu getElementsByClass

[frequent]

Hallo,

vielleicht kann mir jemand weiterhelfen:

Ich habe 5 DIVs mit class="tool". An diese möchte ich jeweils per Javascript ein Bild 1-5 anhängen.

Es funktioniert im FF mit getElementsByClassName, aber im IE natürlich nicht.

Gibt es eine Alternative, bspw. mit Jquery, mit der ich die 5 DIVs isolieren aus der Seite "isolieren" kann und dem ersten DIV IMG1, dem zweiten DIV IMG2, dem dritten DIV IMG3 usw. zuweisen kann.

Hier mal die funktionierende Variante mit getElementsByClassName.

  
var appendixCount = 0;  
function appendix()  
         {  
         appendixCount = appendixCount+1;  
         var picPath = 'images/bild'+appendixCount+'.png';  
         var framer = document.getElementsByClassName("tool");  
         var insertStart = framer[appendixCount];  
         var insertImg = document.createElement('img');  
         insertImg.src = picPath;  
         insertImg.setAttribute("class","background");  
         insertStart.appendChild(insertImg);  
         }  

Danke für die Hilfe

Frequent

[ChrisB]

Hi,

Es funktioniert im FF mit getElementsByClassName, aber im IE natürlich nicht.

Gibt es eine Alternative

http://www.google.com/search?q=getElementsByClassName+ie

MfG ChrisB

[frequent]

Hi,

Es funktioniert im FF mit getElementsByClassName, aber im IE natürlich nicht.

Gibt es eine Alternative

http://www.google.com/search?q=getElementsByClassName+ie

MfG ChrisB

Danke.

Am Besten funktioniert bei mir:

http://www.anyexample.com/webdev/javascript/javascript_getelementsbyclass_function.xml

Mfg,

Frequent

[Matti Maekitalo]

Tach auch.

Ich habe 5 DIVs mit class="tool". An diese möchte ich jeweils per Javascript ein Bild 1-5 anhängen.
Es funktioniert im FF mit getElementsByClassName, aber im IE natürlich nicht.
Gibt es eine Alternative, bspw. mit Jquery, mit der ich die 5 DIVs isolieren aus der Seite "isolieren" kann und dem ersten DIV IMG1, dem zweiten DIV IMG2, dem dritten DIV IMG3 usw. zuweisen kann.

Wenn du jquery einsetzen willst, hilft dir unter anderem die Beschreibung von append:
jQuery.append()

Ungetestet müsste etwa folgendes funktionieren:

$('.tool').append(function(index) {  
   return "<img src='bild' + index + '.jpg' alt='' />";  
});  

Bis die Tage,
Matti