Handling Orphan <tr> Tags

[Stevish]

In a script I am working on (using php and javascript) I have php dynamically generate several pieces of a form (which is formatted using a table), and put them into a hidden div for Javascript to grab as the user builds a custom form that will be used to search a database.

Each piece of the form will be a new row in a table, so I have them listed like so:

<tr id="item1">
 <td>...</td><td...</td>
</tr>
<tr id="item2">
 <td>...</td><td...</td>
</tr>
<tr id="item3">
 <td>...</td><td...</td>
</tr>

Unfortunately, since those pieces are not currently in a table, they don't seem to show up in the DOM, and I'm having trouble accessing them in Javascript in order to clone them (using document.getElementById("item1")).

Anyone have any ideas of what I'm doing wrong?

[Syphon101]

Having you tried to assign an ID to the table, which must be unique. If the "name" is unique, you can use it for the ID and name. Then try:

<table id='IDofmytable'>

[Stevish]

That's the problem. The <TR>'s I need to access are not in a table... And there are also several divs mixed in, so it didn't work when I tried wrapping the whole section in a table either.

[Fang]

Create a valid table and you'll have no problems.