如何在typescript中添加innerhtml？

我正在应用程序中使用typescript

html代码：

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

---

如何使用typescript为文本框分配空值？

Html输入元素具有value属性，因此应为：

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

---

请注意，我还使用了

HTMLInputElement

而不是

HTMLElement

，后者没有

value

属性。

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

Html代码：

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

或

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

TypeScript使用“”包围强制类型转换 打字脚本代码：

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

let innerHtml :string = "";

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

let element=document.getElementById（“last”）；
element.value=“要给出的文本”；

您也可以这样使用它

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

在Typescript 2.0中工作

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