sascha321: Tabelle mit createElement und div erstellen

Beitrag lesen

Hallo

Ich lese daten aus eine DB aus und übergebe Sie mit json zurück zu meinem JavaScript. Das klappt auch alles. Nun möchte ich die Daten in eine Tabelle schreiben die aus div Containern gemacht werden soll.

Leider bekomme ich das nicht ganz hin, da mit der Datensatz immer nur in eine Zelle geschrieben wird. Kann mir da jemand helfen?

Danke

<!DOCTYPE html>
<head>

  <meta http-equiv="Content-Type">
  <meta content="text/html />
  <meta charset="UTF-8" />

  <link rel="stylesheet" type="text/css" href="style.css">
  <title>Test Tabelle</title>

  <script type="text/javascript">


    function loadSelection() {

      var jsarray = ["2018-07-13","15:27:00","München","Teststrasse","Dortmund","2018-07-13","22:43:00","Berlin","Allee 4","Ulm"];
      var jsarraytext;
      var Ausgabebereich = document.getElementById('tb_fahrt');

          var divtr = document.createElement('div');
          var divtd = document.createElement('div');
          
          divtr.className = "tr";
          divtd.className = "td";        
          
          divtr.appendChild(divtd);

          divtd.appendChild(document.createTextNode(jsarray[0])); 
          divtd.appendChild(document.createTextNode(jsarray[1]));
          divtd.appendChild(document.createTextNode(jsarray[2] + "/ \n" + jsarray[3]));
          divtd.appendChild(document.createTextNode(jsarray[4]));                    

          Ausgabebereich.appendChild(divtd);
    }

</script>

</head>
<html>
<body onload="loadSelection()">

    <div id="tb_fahrt" class="table">
      <div class="tr">
        <div class="td-kopf">Datum</div>
        <div class="td-kopf">Uhrzeit</div>
        <div class="td-kopf">von /<br>Haltestelle</div>
        <div class="td-kopf">nach</div>
      </div>


    </div>

</body>
</html>