Typescript似乎不接受创建javascript表的标准语法,那么适当的方法是什么?我无法在TypeScript中找到记录表的文档。
这是我期望的工作:
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
这是来自W3schools javascript的直接粘贴,但是visual studio在table.insertRow();
报告错误" Property' insertRow'类型' HTMLElement'"
上不存在使用此代码时出现同样的错误:
class ModuleTable {
table: HTMLTableElement;
private thead: HTMLElement;
private tbody: HTMLElement;
constructor() {
this.table = document.createElement('table');
this.thead = this.table.createTHead();
this.tbody = this.table.createTBody();
var row = this.thead.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = "Module ID";
}
}
我是否应该将appendChildren与新的HTMLElement一起使用,表示要添加到标题中的行?
答案 0 :(得分:7)
尝试:
var table: HTMLTableElement = <HTMLTableElement> document.getElementById("myTable");
var row = table.insertRow(0);
原因是Typescript不知道document.getElementById()
的确切类型,只是它返回一个通用HTMLElement
。你知道它是一张桌子,所以你可以施展它。
答案 1 :(得分:2)
在查看Nikos的回复后,此代码最终解决了问题。 Typescript表,仅从代码创建的dynamicicall
7