Javascript 用onclick刷新html表

我试着用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>

{{随机数}
{{随机数}
{{随机数}
函数重载（）{
document.getElementById（'mytable'）.innerHTML；
}
刷新表

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

---

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

不清楚您要刷新什么，但假设您正在尝试生成和刷新表中的随机数，您可以尝试以下方法：-

JS

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>

1.
2.
3.
刷新表

---

从什么刷新？您是否从某个地方接收到新数据？由于您的函数没有执行任何操作，因此没有输出任何数据。您希望它做什么？

document.getElementById（'mytable'）。innerHTML

什么都不做

Reload（）

什么都不做。您正在获取元素的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>