GuardianZ

I have managed to add a row and TD successfully, but when i click "View source" the new row is not reflected in the source code.

this is the javascript function I used: function insertrow() { var x=document.getElementById("maintable").insertRow(2); x.bgColor="#C0C9D4"; x.innerHTML="<td class='ns'><input type='button' onclick='insertrow()' value='+'/></td> \ <td>1</td> \ <td class='act'><textarea wrap='virtual' cols=28 rows=1 onchange='checksize(this)' onKeyUp='inc_lines(this)' name='act' type='text' id='text1'></textarea></td> \ <td class='in'><textarea wrap='virtual' cols=28 rows=1 onchange='checksize(this)'onKeyUp='inc_lines(this)' name='in' id='inp'></textarea></td> \ <td class='ex'><textarea wrap='virtual' cols=28 rows=1 onchange='checksizethis)'onKeyUp='inc_lines(this)' name='ex'id='er'></textarea></td> \ <td><input type='checkbox' /></td> \ <td><input id='fail' type='checkbox' onMouseUp='alertId2()'/></td> \ <td><input type='checkbox' /></td> \ <td class='com'><textarea wrap='virtual' cols=28 rows=1 onchange='checksize(this)'onKeyUp='inc_lines(this)' id='com' ></textarea></td> \ <td class='bi'><textarea wrap='virtual' cols=28 rows=1 onchange='checksize(this)'onKeyUp='inc_lines(this)' name='bugid' id ='bi'></textarea></td></tr>"; } it is called with <td class="ns"><form><input type="button" onclick="insertrow()" value="+"/></form></td>

I have written some code to insert a row to a table, but how do i:1) set the class="classname" for the <tr> for the new row 2) after the button is clicked to insert a new row I want the html to be updated to reflect the new row(s)..