Thomas Meinike: <a> -knoten erzeugen

Beitrag lesen

Hallo,

kann ich wunderbar bilder erstellen, jedoch jeder versuch ein <a>-tag mit createElment zu erzeugen und dieses dann mit appendchild einzufügen klappt nicht! theoretisch müßte ich die bilder ja als einzelne inline-Objekte an den jeweils vorher erzeugten verweis anhängen, oder?

Probiere es so:

var Ausgabebereich=document.getElementById("Bereich"), myObj, myImg, myLink;

for (i=0;i<10;i++)
{
  myImg="../thumbs/" +i+ ".jpg";

// neues a-Element erzeugen
  myLink=document.createElement("a");
  // href-Attribut belegen
  myLink.setAttribute("href","test"+i+".htm");

// neues img-Element erzeugen
  myObj=document.createElement("img");
  // img-Attribute erzeugen
  myObj.setAttribute("src",myImg);
  myObj.setAttribute("alt",myImg);
  myObj.setAttribute("border","0");

// Link-Objekt an das DIV-Objekt haengen
  Ausgabebereich.appendChild(myLink);
  // i-tes Bildobjekt unterhalb des i-ten a-Kindes unterhalb des DIVs anhaengen
  Ausgabebereich.childNodes[i].appendChild(myObj);

Unter http://www.styleassistant.de/tips/w3cdom.htm findest habe ich einige DOM-Techniken anschaulich verarbeitet.

MfG, Thomas