ONJava.com -- The Independent Source for Enterprise Java
oreilly.comSafari Books Online.Conferences.

advertisement

AddThis Social Bookmark Button
Article:
  Dynamic Content with DOM-2 (Part I of II)
Subject:   Inserting Nodes without pre-existing table
Date:   2002-04-29 18:32:44
From:   madmiarde
Your article was great! In stepping through some of your examples, specifically the "Inserting Nodes in a Sequence" portion, I can't figure out how you would do it if the table didn't exist already. Your example started with a table, row and three data cells. I can duplicate this without problem. When I try to start with an empty table, it will not work. Here's what I start with:


<table id="table1">
</table>


I then try to create a new row and add a cell to it with this:


//get reference to the table on the form
var t1 = document.getElementById( "table1" );

//create a row
var tr1 = document.createElement( "tr" );
tr1.setAttribute( "id", "tr1" );
t1.appendChild( tr1 );
//create cell
var td1 = document.createElement( "td" );
var td1Text = document.createTextNode( "cell text" );
td1.appendChild( td1Text );
tr1.appendChild( td1 );


I even tried getting another reference to the row and using it instead of the existing reference(tr1):
var tr1Ref = document.getElementById("tr1");
tr1Ref.appendChild(td1);


But I had no luck. I even tried splitting the row and cell into different fucntions but still nothing (just humoring myself). Any ideas? Is it possible?


Thanks again for the great article! Running IE5.5 on WinME.


1 to 1 of 1
  1. Inserting Nodes without pre-existing table
    2002-06-13 07:13:38  iq_soft [View]

    • Inserting Nodes without pre-existing table
      2002-06-14 12:53:19  madmiarde [View]

1 to 1 of 1