用javascript实现在表格中添加新行的同时添加内容

<script type="text/javascript">
function tableAddRow(obj)
{
	var newTr = document.getElementById(obj).insertRow(); //插入新行  
	var newTd0 = newTr.insertCell();   //为行插入单元格
	var newTd1 = newTr.insertCell();   
	var newTd2 = newTr.insertCell();   
	var newTd3 = newTr.insertCell();   
	newTd0.innerHTML=document.getElementById("xm").value;//为单元格加入内容
	newTd1.innerHTML=document.getElementById("sex").value;
	newTd2.innerHTML=document.getElementById("call").value;
	newTd3.innerHTML=document.getElementById("add").value;

}
</script>
<table id="mytable" width="80%" align="center" cellpadding="5" cellspacing="5" class="" bgcolor="#00CCFF">
    	    	<tr>
        	    	<td align="center" class="td2" width="10%">姓名</td>
                    <td align="center" class="td2" width="5%">性别</td>
                    <td align="center" class="td2" width="25%">联系方式</td>
                    <td align="center" class="td2" width="40%">工作地点</td>
            	</tr>
                <tr>
                <td>赵钱孙李</td>
                <td>不男不女</td>
                <td>写信快递</td>
                <td>马勒戈壁</td>
                </tr>
            </table>             
            姓名<input type="text" name="xm"  id="xm" />
            性别<input type="text" name="sex" id="sex"/>
            联系方式<input type="text" name="call" id="call"/>
            工作地点<input type="text" name="add" id="add"/><br  />
            <input type=button value=确定添加 onclick="tableAddRow('mytable');" />