
<?xml version="1.0" encoding="utf-8"?>

<html xmlns="http://www.w3.org/1999/xhtml">

  <head><title>ARGH!!</title></head>

  <body>

    <div id="aDiv"></div>

    <table id="aTable">

      <tr><th>Header (no body)</th></tr>

    </table>

    <table>

      <thead><tr><th>Head</th></tr></thead>

      <tfoot><tr><th>Foot</th></tr></tfoot>

      <tbody id="aTbody">

        <tr><th>Header (with body)</th></tr>

      </tbody>

    </table>

  <script type="text/javascript">

function nevow_appendNode(node, what) {

    var oldnode = document.getElementById(node);

    var newspan = document.createElement('span');

    newspan.innerHTML = what;

    alert("what is: " + what + "\ninnerHTML is: " + newspan.innerHTML);

    for (i=0; i<newspan.childNodes.length; i++) {

        oldnode.appendChild(newspan.childNodes[i]);

    }

}


nevow_appendNode("aDiv", "<div>This is a div</div>");

nevow_appendNode("aDiv", "<tr><td>This is a row</td></tr>");

nevow_appendNode("aTable", "<tr><td>This is a row</td></tr>");

nevow_appendNode("aTable", "<div>This is a div</div>");

nevow_appendNode("aTbody", "<tr><td>This is a row</td></tr>");

nevow_appendNode("aTbody", "<div>This is a div</div>");

  </script>

  </body>

</html>