なぜ tr.appendChild(td) を for 文の中で記述するのですか?

for の中で宣言した変数 td は for の外では参照できないためです。
2021年5月11日
ユーザー
const tr = document.createElement('tr');
    for (let col = 0; col < 5; col++) {
      const td = document.createElement('td');
      td.textContent = bingo[row][col];
    }
    tr.appendChild(td);
    document.querySelector('tbody').appendChild(tr);

1分25秒辺りのfor文について質問です。
tr.appendChild(td);for文の外に書いても問題無いと思い、上記のコードで試してみたのですが、何も表示されませんでした。
僕の考えではfor文でまず5つのtd要素td要素textContentbingo[row][col]で取得できたと思います。
この段階では要素を生成しただけでまだ、画面には表示されないので、ここでtr.appendChild(td);を書いても問題無いと思いました。
どうして、tr.appendChild(td);for文の中で記述しないといけないのかについて教えて欲しいです。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?