上面的标题是  名字 年龄  成绩  然后下面有3个文本框   点击添加操作  将每次添加的文本框的值  依次 显示在标题的下面   不用数据库数据要依次 以表格布局  显示在标题下面

解决方案 »

  1.   

    这个JS完全可以实现。为按钮添加点击函数。
    页面首先要有个table  给table 设个id。 如 tt1     var tr1 = document.createElement("tr");       //创建行元素
         var td1 = document.createElement("td");        //创建行内单元格
         var td2 = document.createElement("td");         //创建行内单元格
         var td3 = document.createElement("td");         //创建行内单元格
         td1.innerHTML=document.getElementById("name").value;   //给行内单元格加值
         td2.innerHTML=document.getElementById("age").value;
         td3.innerHTML=document.getElementById("score").value;
         tr1.appendChild(td1);                           //把单元格添加到行
         tr1.appendChild(td2);
         tr1.appendChild(td3);
         var td = document.getElementById("tt1");     //获取表格
         td.appendChild(tr1);                       //为表格添加行 
         
      

  2.   

    页面首先要有个table 给table 设个id。 如 tab1.然后设个js函数绑定在按钮上。
    //获取3个文本的值.var tab1 = document.getElementById("tab1");
    var trs = tab1.innerHTML;
    var str = "<tr><td>获取的名字1</td><td>年龄1</td><td>成绩1</td></tr>";
    var trStr = trs + str;tab1.innerHTML = trStr
      

  3.   

    怎么把值放进去    我放了可是有问题  
    function upb()
    {
     alert('1');
    var a=document.getElementById("name").value;
    var b=document.getElementById("age").value;
    var c=document.getElementById("score").value;
    alert(a);
    var tab1 = document.getElementById("t1");
    var trs = tab1.innerHTML;
    var str = "<tr><td>a</td><td>b</td><td>c</td></tr>";
    var trStr = trs + str;tab1.innerHTML = trStr}    不 行啊