If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

EDIT: Just finished reading the rest of your post, and the answer is no. You need proper HTML before the browser will properly create the document object model. Sounds like your HTML needs to be rearranged a little.

Right. I have a table and I would like each row to have a form. I cannot have a table within each row since I would like all the column to be same width. I cannot have fixed width either due to the nature of data.

You can't. You'll need to use fixed widths, but that really isn't a huge deal. I'll assume a few things, but this code should at least give you the general idea:

HTML Code:

<form class="equalTables"><table><tr><td class="label"></td><td><!-- form field --></td></tr></table></form><form class="equalTables"><table><tr><td class="label"></td><td><!-- form field --></td></tr></table></form>

And the CSS:

Code:

.equalTables td.label {
width: 100px;
}

The width you'll have to play around with to see what works best for this page. You miiiiiiight be able to give each FORM and form field an Id and then use the document.getElementById() function to access those tags, but I'm not sure. The easiest way in the long run is to start with valid markup, so I suggest the CSS method.