关于表格显示数据问题

    我有4个变量，通过button的onclick每次点击改变变量的值，然后在表格中显示。 每次点击按钮再次改变变量的值，
 并且在表格中换行显示。。相当于向数据库中插入一行数据那样，有4个字段，不过我要向表格中插入。。不知道怎么弄实现        我的叙述有些紊乱sorry.

解决方案 »

  1.   

    这个意思? <body>
    <input type="button" value="InsertData" onclick="insertData.run()"/>
    <table id="database"></table>
    <script>
    var insertData = function(){
    var str = ['apple', 'orange', 'banana', 'pear'], 
    i = 0,
    tbl = document.getElementById('database');
    return {
    run: function() {
    if(i < str.length) tbl.insertRow(-1).insertCell(-1).innerHTML = str[i++];
    }
    }
    }(); </script>
     </body>
      

  2.   

    一行中有4个<td></td>  就是4个变量每个存放在一个<td></td>中. 再次点击的时候换行显示
      

  3.   

    s_liangchao1s    有点接近啊。不过我需要在一行中显示。再次点击的时候换行4个一起显示
      

  4.   

    再次点击的时候换行显示
    re:
    换行是指table中还是一行.只不过td中的值多了一行?
      

  5.   


     <body>
    <input type="button" value="InsertData" onclick="insertData.run()"/>
    <table id="database"></table>
    <script>
    var insertData = function(){
    var str = ['apple', 'orange', 'banana', 'pear'], 
    tbl = document.getElementById('database'),
    row = null;
    return {
    run: function() {
    row = tbl.insertRow(-1);
    for(var i = 0, len = str.length; i < len; i++) 
    row.insertCell(i).innerHTML = str[i];
    }
    }
    }(); </script>
     </body>