{"id":81,"date":"2007-10-05T15:42:19","date_gmt":"2007-10-05T13:42:19","guid":{"rendered":"http:\/\/www.hermione.de\/blog\/?p=81"},"modified":"2007-10-10T12:04:23","modified_gmt":"2007-10-10T10:04:23","slug":"dynamisch-erzeugte-tabelle-js","status":"publish","type":"post","link":"http:\/\/blog.hermione.de\/?p=81","title":{"rendered":"dynamisch erzeugte Tabelle [js]"},"content":{"rendered":"

Eine Tabelle wird um das tbody-Element ergaenzt<\/h4>\n

<\/p>\n

<table id=\"Header\">\r\n   <thead>\r\n      <tr>\r\n         <th>Name<\/th>\r\n         <th>Wert<\/th>\r\n      <\/tr>\r\n   <\/head>\r\n<\/table><\/code><\/pre>\n
document.createElement(„tbody“);<\/strong>
\nErzeugt einen neuen Element-Knoten mit dem angegebenen Tag-Namen.<\/p>\n
document.createTextNode(„blablub“);<\/strong>
\nErzeugt einen neuen Text-Knoten, der den angegebenen Text enthaelt.<\/p>\n
appendChild(Node<\/em>);<\/strong>
\nNode wird als Kindelement angehaengt.<\/p>\n\n\n
\n
\r\n<script>\r\nvar request = new XMLHttpRequest();\r\nfunction dynTable() {\r\n   if (request.readyState == 4) {\r\n      var h = document.getElementById(\"Header\");\r\n      var b = document.createElement(\"tbody\");\r\n      var headers = request.getAllResponseHeaders().split(\"n\");\r\n      for (var i=0; i < headers.lenght; i++) {\r\n         var trenner = headers[i].indexOf(\": \");\r\n\r\n         \/\/ neue Tabellenzeile<\/strong>\r\n         var zeile   = document.createElement(\"tr\");\r\n\r\n         \/\/ neue Tabellenzelle<\/strong>\r\n         var zelle1  = document.createElement(\"td\");\r\n\r\n         \/\/ neuer Textknoten<\/strong>\r\n         var text  = document.createTextNode(headers[i].substring(0, trenner));\r\n\r\n         \/\/ Textknoten wird an die Zelle gehaengt<\/strong>\r\n         zelle1.appendChild(text);\r\n\r\n         \/\/ Zelle wird an die Zeile gehaengt<\/strong>\r\n         zeile.appendChild(zelle1);\r\n\r\n         var zelle2  = document.createElement(\"td\");\r\n         var text = document.createTextNode(headers[i].substring(trenner + 2, headers[i].length));\r\n         zelle2.appendChild(text);\r\n         zeile.appendChild(zelle2);\r\n\r\n         \/\/ Zeile wird an tbody gehanegt<\/strong>\r\n         b.appendChild(zeile);\r\n      }\r\n\r\n      \/\/ tbody wird an Tabelle gehaengt<\/strong>\r\n      h.appendChild(b);\r\n   }\r\n}\r\nwindow.onload = function() {\r\nrequest.open(\"GET\",\"daten.txt\");\r\nrequest.onreadystatechange = dynTable;\r\nrequest.send(null);}\r\n<\/script>\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
Eine Tabelle wird um das tbody-Element ergaenzt<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/81"}],"collection":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=81"}],"version-history":[{"count":0,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/81\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}