StrictNullChecks和的getElementById

Question

隨着StrictNullChecks在打字稿2.0啓用，該代碼

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可空編？

Answer 1

你可以寫：

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

的！意思是「相信我，這不是空引用」

Answer 2

這是因爲document.getElementById(...);如果找到該元素可以返回HTMLElement的實例，或者如果找不到則返回null。由於這個API是不是你的控制之下，你將不得不修改代碼以使該元件可空：

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

您也可以創建自己的可空類型的別名：

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

或更好仍然可以使用由AlexG提供的解決方案，它甚至更好！