为什么通过input输入的内容 点击按钮后没有到表格里面来？

序号	姓名	性别	年龄
1	2	3	4

 aa:<input  type="text"  value=""id="ip1"></br>
 bb:<input  type="text"  value=""id="ip2"></br>
 cc:<input  type="text"  value=""id="ip3"></br>
 dd:<input  type="text"  value=""id="ip4">

<button>按钮</button>

<script>
window.onload=function(){

  var  btn=document.getElementsByTagName('button')[0];
     var $name=$('#ip1').val();
     var $type=$('#ip2').val();
     var $des=$('#ip3').val();
     var $he=$('#ip4').val();   
           
 btn.onclick=function(){

 var td1 = $("<td>"+name+"</td>");
 var td2 = $("<td>"+type+"</td>");
/*td2.data("myType", en.type); // 保存数据
/绑定事件
td2.click(function(){
    window.open("pop?type=" + $(this).data("myType"));
     });  */
     var td3 = $("<td>"+des+"</td>");
     var td4=$("<td>"+he+"</td>")
     var tr= $("<tr></tr>");
    tr.append(td1);
    tr.append(td2);
    tr.append(td3);
    tr.append(td4);
    $("tbody").append(tr);  }

}

</script>

---

你写的js有问题，引入jquery库，这样试试

$(document).ready(function(){
    $(document).on("click", "button", function() {
        var name = $('#ip1').val();
        var type = $('#ip2').val();
        var des = $('#ip3').val();
        var he = $('#ip4').val(); 
        var tr = "<tr><td>" + name + "</td><td>" + type + "</td><td>" + des+ "</td><td>" + he + "</td></tr>";
        $("tbody").append(tr); 
    });
});