javascript - 如何在 TypeScript 中使用 document.getElementById() 方法？

Question

我正在尝试重置 HTML 表单以清除输入字段中的所有值；

document.getElementById('myForm').reset(); 

但我可以在 typescript 中使用它，它给我一个错误，提示 document.getElementById('myForm') 可能为空

我该如何解决这个问题？

Answer 1

如果您使用 strictNullChecks 选项(或包含 strictNullChecks 的 strict)，Typescript 将强制您检查值是否为空。您可以执行测试或使用非空断言 (!)。此外，您还需要使用类型断言来断言 html 元素是一个 HTMLFormElement，因为默认情况下它只是一个 HtmlElement 而 reset 是仅存在 HTMLFormElement

只是一个断言断言:

(document.getElementById('myForm') as HTMLFormElement).reset();

带检查的断言(推荐):

let form = document.getElementById('myForm')
if(form) (form as HTMLFormElement).reset(); 

非空断言(如果你只想访问 HtmlElement 成员):

document.getElementById('myForm')!.click()