TypeScript: 「value」というプロパティは「HTMLElement」型には存在しません

クズども · 掲載地 2019/05/27 14:06:54

HTMLはこんな感じです:

およびgreeter.ts文書:

tscでコンパイルすると、以下の「エラー」が出ます:

/home/bjarkef/sandbox/greeter.ts(8,53)：属性’value’不存在类型’HTMLElement’的值，

しかし、コンパイラはJavaScriptファイルを出力し、Chromeでは問題なく動作します。

どうしてこのエラーが出たのでしょうか? どうすれば直せますか?

また、Typescriptによると「HTMLElement」で有効なプロパティはどこで見つけられますか?

私はJavaScriptとTypescriptは初心者なので、何か気づくべき点を見落としているかもしれません。

Tomasz Nurkiewiczsの回答によると、「問題」はtypescriptがタイプセーフであることです。 :)document.getElementById()が返すHTMLElement型にはvalueプロパティが含まれていません。しかし、HTMLInputElementサブタイプにはvalueプロパティが含まれています。
そこで解決策として、getElementById()の結果をこのようにHTMLInputElementに変換することです:

ログインが見えます。

<> はタイプスクリプト内のキャスティングオペレーターです。

上記の行から生成されるJavaScriptは以下の通りです:

ログインが見えます。

つまり、型情報は含まれていません。

[TypeScript] TypeScript: 「value」というプロパティは「HTMLElement」型には存在しません

関連記事

閲覧したセクション