テイルセルで今日の日付をディスパッチする方法は？私は1つのセルだけの日付を取得することができます今日のすべての列の今日の日付

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>