如何在打字稿中使用 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将返回(：

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