🗂

TypeScriptでdocument.getElementByIdをする時の注意点

2021/01/16に公開

TypeScirptでは、document.getElementById()で要素を取得して、何かを取得したNodeに追加する時に

Type error: Object is possibly 'null'. TS2531

のようなエラーが出た。
document,getElementByIdで返ってくる「HTMLElement」がnullのunion型である事が原因のよう。

なので、

document.getElementById('hoge')!;

のように最後に「!」をつける事で確実に存在するという宣言をし
null回避行う事ができた。

参考:
https://stackoverflow.com/questions/55588968/type-error-object-is-possibly-null-ts2531-for-window-document/55589638

Discussion