Gernot Back: Keine Probleme appendChild()

Beitrag lesen

Hallo Markus,

Nutze, wenn du inerhalb eines Elements weitere Elemente und nicht nur Text einfügen willst, das Node-Objekt in Verbindung mit document.createElement().

Mhh hab mir das eben angeschaut - kannst du mir einmal ein spezielles Beispiel für meinen Fall machen? Denn ganz verstehen tue ich das leider nicht.

Ungetestet, weil ich ja dein zweidimensionales Array "Linksammlung" nicht kenne:

  
function tabelleEinfuegen() {  
   var myTable = document.createElement('TABLE');  
   myTable.className = 'alternatingRows';  
   var myColgroup = document.createElement('COLGROUP');  
   var myFirstCol = document.createElement('COL');  
   myFirstCol.width = '300';  
   var mySecondCol = document.createElement('COL');  
   mySecondCol.width = '590';  
   myColgroup.appendChild(myFirstCol);  
   myColgroup.appendChild(mySecondCol);  
   var myTbody = document.createElement('TBODY');  
   for (i=0; i< Linksammlung.length; i++) {  
       var myCurrentRow = document.createElement('TR');  
       var myFirstCell = document.createElement('TD');  
       var myFirstCellIcon = document.createElement('IMG');  
       myFirstCellIcon.src = "img/iconInfo.gif";  
       var myFirstCellLink = document.createElement('A');  
       myFirstCellLink.href = Linksammlung[i][1];  
       myFirstCellLink.target = "_blank";  
       myFirstCellLink.innerHTML = Linksammlung[i][0];  
       var mySecondCell = document.createElement('TD');  
       mySecondCell.innerHTML =Linksammlung[i][2];  
       myFirstCell.appendChild(myFirstCellIcon);  
       myFirstCell.appendChild(myFirstCellLink);  
       myCurrentRow.appendChild(myFirstCell);  
       myCurrentRow.appendChild(mySecondCell);  
       myTbody.appendChild(myCurrentRow);  
   }  
   myTable.appendChild(myColgroup);  
   myTable.appendChild(myTbody);  
   document.getElementById('varKat').appendChild(myTable);  
}  
  

Gruß Gernot