Question

我试图用onclick按钮刷新我的桌子，但没有真正出来。无法弄清楚我在这里做错了什么。有什么想法吗？

<div id="mytable">   
        <table>
             <tr>
                <td>{{ random_number }}</td>
                <td>{{ random_number }}</td>
                <td>{{ random_number }}</td>
            </tr>
        </table> 
    </div>
    <script>
    function Reload()   {
        document.getElementById('mytable').innerHTML;
    }
    </script>
    <button onclick="Reload()">Refresh table</button>

Answer 1

它不清楚你想要刷新什么，但假设你正在尝试生成并刷新表中的随机数，你可以试试这个： -

JS

 function Reload()   {

     document.getElementById('td1').innerHTML=GenRand();
     document.getElementById('td2').innerHTML=GenRand();
     document.getElementById('td3').innerHTML=GenRand();
    }
  function GenRand(){
     return Math.floor((Math.random() * 10) + 1);//generates random number between 1 and 10 , you can edit values to generate any range.
    }

HTML： -

<div >   
    <table  border="1">
         <tr >
           <td id="td1">1</td>
           <td id="td2">2</td>
           <td id="td3">3</td>
          </tr>
     </table> 
 </div>
 <button onclick="Reload()">Refresh table</button>

Fiddle

Answer 2

如果您使用服务器端框架（我认为{{random_number}}标签由模板/视图系统使用），您必须从服务器获取数据。

您可以使用AJAX获取数据，也可以刷新所有页面。

用onclick刷新html表

2 个答案: