js往表格添加信息

<fieldset>
  <legend>添加学生信息</legend>
  <form action="">
  <div class="luru">
    姓名：<input type="text" id="stuname" />
  </div>
  <div class="luru">
    性别：<input type="radio" name="sex" value="男" />男
          <input type="radio" name="sex" value="女" />女
  </div>
  <div class="luru">
    年龄：<input type="text" id="age" />
  </div>
  <div class="luru">
   <input type="button" value="保存" onclick="save()" />
  </div>
  </form>
  <script type="text/javascript">
    function save(){//函数  点击保存按钮时，输入的东西将被保存到表格中
      var name=document.getElementById('stuname').value;
      var age=document.getElementById('age').value;
      var sex='';
      var sexlist=document.getElementsByName('sex');
      for (var i=0; i < sexlist.length; i++) {
        if(sexlist[i].checked==true){
         sex=sexlist[i].value;
         break;
        }

      }  

      var age=document.getElementById('age').value;

      //创建tr表格

      mytr=document.createElement('tr');

      mytd1=document.createElement('td');
      mytd1.innerHTML='<input type="checkbox" name="chkstu"/>';
      mytr.appendChild(mytd1);//appendChild代表将后边的放在前边里

      mytd2=document.createElement('td');
      mytd2.innerHTML=name;
      mytr.appendChild(mytd2);

      mytd3=document.createElement('td');
      mytd3.innerHTML=age;
      mytr.appendChild(mytd3);

      mytd4=document.createElement('td');
      mytd4.innerHTML=sex;
      mytr.appendChild(mytd4);

      mytable=document.getElementsByTagName('table')[0];
      mytable.appendChild(mytr);
    }
    </script>
</fieldset>