Question

我想今天创建一个表格列，今天我应该查看。我的代码：

<td id="demo"></td>
<script>
document.getElementById('demo').innerHTML = Date();
</script>

这里只有一个单元格获得今天的日期，剩余的单元格显示为空白。

<td id="demo2"></td>
<script>
document.getElementById('demo2').innerHTML = Date();
</script>

当我尝试使用不同的演示时，如下面的每个单元格的单独演示，那么所有单元格都显示日期。

但如何使用单个javascript在所有单元格中显示今天的日期？请帮忙。

Answer 1

这是解决方案。使用document.querySelectorAll获取所有列HTMLElements，然后为每个HTMLElement应用innerHTML。

var allDateCols = document.querySelectorAll("#myTable .dateCol");

for(let col of allDateCols){
  col.innerHTML = new Date();
}

<table id="myTable">
  <tr>
    <td>Row 1</td>
    <td class="dateCol"></td>
  </tr>
  <tr>
    <td>Row 2</td>
    <td class="dateCol"></td>
  </tr>
  <tr>
    <td>Row 3</td>
    <td class="dateCol"></td>
  </tr>
</table>

如何在故事单元中显示今天的日期？我只能检索一个单元格的日期，我希望今天所有列的日期

1 个答案: