如何在打字稿中添加innerhtml？

Question

我在我的应用程序中使用typescript。

html代码：

<input type="text" name="lastname" id="last">

打字稿代码：

let myContainer = <HTMLElement>document.getElementById('last');
myContainer.innerHTML = "";

我想使用typescript为姓氏字段设置空值。 我正在使用上面的代码。但是无法使用typescript添加空值。

我也试过使用下面的代码：

document.getElementById('last').innerHTML = "";

如何使用打字稿分配文本框的空值？

Answer 1

Html输入元素具有value属性，因此它应该是：

let myContainer = document.getElementById('last') as HTMLInputElement;
myContainer.value = "";

请注意，我还使用了HTMLInputElement而不是HTMLElement，但没有value属性。

Answer 2

您可以使用模型值绑定到元素，而不是使用id和内部html

Html代码：

<input type="text" name="lastname" id="last" ng-model="innerHtml">

打字稿代码：

let innerHtml :string = "";

OR

如果你想使用id的内部Html，那么你必须使用这个

TypeScript使用＆＃39;＆lt;＆gt;＆＃39;围绕演员 打字稿代码：

let element = <HTMLInputElement>document.getElementById("last");
element.value = "Text you want to give";

Answer 3

您也可以像这样使用它

const element: HTMLElement = document.getElementById('personDetails') as HTMLElement
element.innerHTML = 'Hello World'

在Typescript 2.0中工作