Dynamic HTML: Dynamisches Anlegen einer Tabelle

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>Dynamic HTML: Dynamisches Anlegen einer Tabelle</title>

   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   <meta name="description"
      content="&Uuml;bung Dynamic HTML: Dynamisches Anlegen einer Tabelle.">
   <meta name="keywords" content="HTML, DHTML, DOM">
   <meta name="author" content="Roland Unger">

   <script language="JavaScript" type="text/javascript">
   <!--

   var Opera = navigator.userAgent.indexOf("Opera") >= 0;
   var DhtmlType = 0;
   // NS4 = 1, IE4 = 2, DOM = 3

   if (document.createElement) { DhtmlType = 3 }
      else { if (document.all && !Opera) { DhtmlType = 2 }          // fuer IE4
         else { if (document.layers && !Opera) { DhtmlType = 1 }
         }
      };

   var myParent, myTable, myTBody, myRow, myCell, myText;

   function CreateTable() {

   myParent=document.getElementsByTagName("body").item(0);
    myTable=document.createElement("table");
     // IE5, IE6 benoetigen unbedingt tbody-Element
     myTBody=document.createElement("tbody");
      myRow=document.createElement("tr");
       myCell=document.createElement("td");
       myText=document.createTextNode("Die erste Zelle");
       myCell.appendChild(myText);
      myRow.appendChild(myCell);

       myCell=document.createElement("td");
       myText=document.createTextNode("Die zweite Zelle");
       myCell.appendChild(myText);
      myRow.appendChild(myCell);
     myTBody.appendChild(myRow);
    myTable.appendChild(myTBody);
    myTable.setAttribute("border", "2");
    myTable.setAttribute("cellspacing", "2");
   myParent.appendChild(myTable);

   }

   // -->
   </script>
</head>

<body>

<h2>Dynamic HTML (DOM)</h2>

<h3>Dynamisches Anlegen einer Tabelle</h3>

<script language="JavaScript" type="text/javascript">

 if (DhtmlType == 3) CreateTable();
 else document.write('<p>Typ: ', DhtmlType, ' Kein DHMTL möglich!<\/p>');

</script>

</body>
</html>