如何在 typescript 中使用 reset()、.value 和其他 DOM 键？答案

【问题标题】：How to use reset(), .value, and other DOM keys in typescript?如何在 typescript 中使用 reset()、.value 和其他 DOM 键？
【发布时间】：2019-08-23 15:03:27
【问题描述】：

所以我使用打字稿来实现基本功能，但是由于以下错误而拒绝编译

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 方法或者至少让编译器忽略这个错误？

【问题讨论】：

标签： typescript ecmascript-2017

【解决方案1】：

对于document.getElementById(id)，TypeScript 无法确定返回的元素是否为HTMLInputElement 类型。如果您想为 typescript 提供有关您的 html 将包含的内容（因此 dom 将返回），则必须使用 an assertion：

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

【讨论】：