求教一道简单的面试题

Question

小弟前几天到面试,碰到一个题目,是有关javascript:
   
      要求:写一段代码,绘制一个表体为3 x 3的表格,包括序号,姓名,年龄三个字段.
          然后写一段js,读取表体第二行"姓名",表体增加一行数据"4","张三","24".      我对js不太熟,所以特此请教各位,谢谢了!

Answer 1

<script>
  document.write("<table id='person' border=1 algin='center'>");
  document.write("<tr><td algin='center'>序号</td><td algin='center'>姓名</td><td algin='center'>年龄</td></tr>");
  document.write("<tr><td algin='center'>1</td><td algin='center'>李四</td><td algin='center'>23</td></tr>");
  document.write("<tr><td algin='center'>2</td><td algin='center'>王五</td><td algin='center'>34</td></tr>");
  document.write("<tr><td algin='center'>3</td><td algin='center'>赵六</td><td algin='center'>25</td></tr>");
  document.write("</table>");
  var obj=document.getElementById("person");
  function getName(row){
    if(row<0 || row>=obj.cells.length){
      alert("请输入有效行数");
    }
    alert("第"+row+"行的姓名是:"+obj.cells((row)*3+1).innerHTML);
  }
  
  function addRow(code,name,age){
    var row=obj.insertRow();
    row.insertCell().innerHTML=code;
    row.insertCell().innerHTML=name;
    row.insertCell().innerHTML=age;
    //obj.innerHTML=obj.innerHTML+"<tr><td algin='center'>4</td><td algin='center'>张三</td><td algin='center'>18</td></tr>";
  }
</script>
请输入一个有效行数:
<input type="text" id="row"><br>
<input type="button" value="得到姓名" onClick="getName(document.getElementById('row').value);"><br>
序号:
<input type="text" id="code"><br>
姓名:
<input type="text" id="name"><br>
年龄:
<input type="text" id="age"><br>
<input type="button" value="添加新行" onClick="addRow(document.getElementById('code').value,document.getElementById('name').value,document.getElementById('age').value);">