0

ご覧になって頂いてありがとうございます。
以下の様な table が配置してある HTML から TypeScript にて要素を取得しました。

<body>
  <table id="test_table">
    <tbody>
      <tr>
        <td></td><td></td><td></td>
      </tr>
      <tr>
        <td></td><td></td><td></td>
      </tr>
      <tr>
        <td></td><td></td><td></td>
      </tr>
    </tbody>
  </table>

  <script src="./js/main.js"></script>
</body>
addEventListener('load', () => {
  const table = <HTMLTableElement>document.getElementById('test_table');
  for (let row of table.rows) {
    for (let cell of row.cells) {
        cell.textContent = 'test';
    }
  }
});

しかし、for (let row of table.rows) にて、
型 'HTMLCollectionOf<HTMLTableRowElement>' は配列型でも文字列型でもありません。ts(2495)
というエラーが発生してしまいます。
画像
このような場合での正しい記述方法等がありましたら教えて頂きたいです。

環境

  • TypeScript 3.9.6
    tsconfig.jsonは以下の様になっております
{
  "compilerOptions": {
    "target": "ES3",
    "module": "UMD",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

不足している情報等がありましたら、加筆させて頂きます。
以上、よろしくお願いいたします。

1 件の回答 1

1

rowscellsArrayLikeですがIterableではないのでArray.formで配列にするとfor ofを使えます。

const table = <HTMLTableElement>document.getElementById('test_table');
for (let row of Array.from(table.rows)) {
    for (let cell of Array.from(row.cells)) {
        cell.textContent = 'test';
    }
}

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。