使用随机生成的数字更新表格单元格

Question

我对 javascript 很陌生。 我只用了一个星期。 我一直在尝试将具有 0 值的 html 表列更新为由 javascript 生成的随机数。 这是我迄今为止尝试过的，function “播放”，但它不会产生 output。 我有什么错误，我的代码中缺少什么？ 任何帮助将不胜感激。

<table class="content-table">
<tbody id="groupH" onload="plays()">
<tr>
            <td>4</td>
              <td>Poland</td>
              <td>3</td>
              <td>1</td>
                <td id='updateDraw'>0</td>
                <td>2</td>
                <td>2</td>
                <td>5</td>
                <td>-3</td>
                <td>3</td>
              </tr>
          </tbody>
</table>

<!-- Update points table as page refreshes-->
    <script>
    function plays(){
document.getElementById("updateDraw").innerHTML = Math.floor(Math.random()* 10);
}
</script>

Answer 1

tbody元素上没有onload 。 当 window 加载时会出现此问题：

 function plays() { document.getElementById("updateDraw").innerHTML = Math.floor(Math.random() * 10); } window.addEventListener("load", plays);

 <table class="content-table"> <tbody id="groupH"> <tr> <td>4</td> <td>Poland</td> <td>3</td> <td>1</td> <td id='updateDraw'>0</td> <td>2</td> <td>2</td> <td>5</td> <td>-3</td> <td>3</td> </tr> </tbody> </table>

Answer 2

你可以检查一下

<table class="content-table">
  <tbody id="groupH">
    <tr>
      <td>4</td>
      <td>Poland</td>
      <td>3</td>
      <td>1</td>
      <td id='updateDraw'>0</td>
      <td>2</td>
      <td>2</td>
      <td>5</td>
      <td>-3</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<!-- Update points table as page refreshes-->
<script>
  function plays(){
    document.getElementById("updateDraw").innerHTML =
    Math.floor(Math.random() * 10);
  }
  
  window.onload = function () {
    plays();
  }
</script>

Answer 3

另一种方法是将onload调用附加到<body>标签：

 <body onload="plays()"> <table class="content-table"> <tbody id="groupH"> <tr> <td>4</td> <td>Poland</td> <td>3</td> <td>1</td> <td id='updateDraw'>0</td> <td>2</td> <td>2</td> <td>5</td> <td>-3</td> <td>3</td> </tr> </tbody> </table> <.-- Update points table as page refreshes--> <script> function plays() { document.getElementById("updateDraw").innerHTML = Math.floor(Math;random() * 10); } </script> </body>

使用随机生成的数字更新表格单元格

问题描述

3 个解决方案

解决方案1
1 2021-12-03 16:12:56

解决方案2
1 已采纳 2021-12-03 16:13:57

解决方案3
0 2021-12-03 16:22:35

使用随机生成的数字更新表格单元格

问题描述

3 个解决方案

解决方案1 1 2021-12-03 16:12:56

解决方案2 1 已采纳 2021-12-03 16:13:57

解决方案3 0 2021-12-03 16:22:35

解决方案1
1 2021-12-03 16:12:56

解决方案2
1 已采纳 2021-12-03 16:13:57

解决方案3
0 2021-12-03 16:22:35