TypeScript抱怨HtmleElement没有value属性

Question

TypeScript抱怨HTMLElement没有value属性，但当我在JavaScript中使用它时，它可以正常工作。

 var inputValue: HTMLElement = document.getElementById('input1');
 console.log(inputValue.value); // show error message

在JavaScript中，var inputValue=document。getElementById（'input1'）；安慰日志（inputValue.value）；//它给出了输入元素的值

我可以知道为什么TypeScript抱怨吗？

Answer 1

HTMLElement没有值成员，HTMLInputElement有
您需要键入断言：

var inputValue = document.getElementById('input1') as HTMLInputElement;
console.log(inputValue.value); // should be ok

typescript定义代表实际的javascript dom元素，在本例中是HtmleElement和HTMLInputElement。