getElementById()で該当idがない場合の値はundefined？null？
JavaScriptのgetElementById()メソッドを使って要素を取得する時に、
該当id名が存在しない場合の値はどうなるのでしょうか？
「undefined」でしょうか？それとも「null」でしょうか？
さっそく試してみましょう。
HTML
<p id="test1">コンテンツ1</p>
JavaScript
let elem = document.getElementById('test4');
console.log(elem); // null
結論
「undefined」ではなく、「null」です。
ですから、 要素が存在するかどうかで処理を分岐させる場合は次のように記述すると良いでしょう。
if (elem === null){
// 要素が存在しない場合の処理
} else {
// 要素が存在する場合の処理
}