StrictNullChecksとgetElementByIdを

Question

、コード

var el: HTMLElement = document.getElementById('element_id'); 

してエラーが発生した

Type 'HTMLElement | null' is not assignable to type 'HTMLElement'. 
Type 'null' is not assignable to type 'HTMLElement'. 

なぜこれがあるとどのように私はコードがel NULL可能せずにコンパイルするために得ることができますか？

Answer 1

あなたは書くことができます。

var el = document.getElementById('element_id')!; 

！ 「信頼してください、これはヌルリファレンスではありません」

Answer 2

document.getElementById(...);は、要素が見つかった場合はHTMLElementのインスタンスを返すことができ、そうでない場合はnullを返すことができるからです。このAPIは、あなたのコントロール下ではありません、あなたは要素がNULL可能であることを許可するようにコードを変更する必要がありますので：

var el: HTMLElement | null = document.getElementById("..."); 

また、独自のNULL可能タイプのエイリアスを作成することができます

type NullableHTMLElement = HTMLElement | null; 
var el: NullableHTMLElement = document.getElementById("..."); 

またはそれ以上あなたはまだAlexGによって提供されるソリューションを使用することができますが、これはさらに優れています！