在Typescript中处理表格行

Question

我一直在尝试将JavaScript Web表单转换为Typescript，并且无法计算出如何转换涉及表行的语句，例如：

let body = document.getElementById("selectStackBody");

let rowCount = body.rows.length;

let row = body.insertRow(rowCount);

body.deleteRow(i);

我可以通过执行以下操作来了解如何获得身体：

let body = <HTMLBodyElement>document.getElementById("selectStackBody");

但是我看不到如何为行获取正确的语法。

Answer 1

您不必在此执行任何特定于TypeScript的操作。 基本的DOM语法可以为您做到这一点。

如果document.getElementById("selectStackBody")赋予表主体节点，则只需执行body.childNodes.length以获取行数。

同样，要追加一行，请使用DOM语法添加子节点。

这是一个示例：

const body = document.getElementById('selectStackBody')

// Total number of rows
let numberOfRows = body.childNodes.length

// Add a new row
let newRow = document.createElement('tr')
body.appendChild(newRow)

// Remove the first row
body.removeChild(body.childNodes[0])