如何在打字稿中使用reset（）、. value和其他DOM键？

Question

所以我将打字稿用于基本功能，但是由于以下错误，它拒绝编译

src/app.ts:46:38 - error TS2339: Property 'value' does not exist on type 'HTMLElement'.

46   return document.getElementById(id).value

我将es2017作为目标，因此我已经阅读到它包括dom库，但是我仍然无法使其工作。

是否可以使用.value，reset（）和其他dom方法，或者至少使编译器忽略此错误？

Answer 1

对于document.getElementById(id)，TypeScript无法确定返回的元素将是HTMLInputElement类型的元素。如果您想输入关于您的HTML将包含的内容的打字稿（因此dom将返回），则必须使用an assertion：

return (document.getElementById(id) as HTMLInputElement).value