ご覧になって頂いてありがとうございます。
以下の様な 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
}
}
不足している情報等がありましたら、加筆させて頂きます。
以上、よろしくお願いいたします。