用onclick刷新html表

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

如果使用服務器端框架（我認爲{{RANDOM_NUMBER}}標籤使用的模板/視圖系統），你必須從服務器獲取數據。

您可以使用AJAX獲取數據，也可以刷新所有頁面。

Answer 2

它不清楚你正在嘗試刷新，但是，假設你想生成和表中隨機刷新的數字，鬱可試試這個： -

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