getElementById()で該当idがない場合の値はundefined?null?

JavaScriptのgetElementById()メソッドを使って要素を取得する時に、

該当id名が存在しない場合の値はどうなるのでしょうか?

undefined」でしょうか?それとも「null」でしょうか?

さっそく試してみましょう。

HTML


<p id="test1">コンテンツ1</p>

JavaScript


var elem = document.getElementById('test4');

console.log(elem);  // null

結論

undefined」ではなく、「null」です。

ですから、要素が存在するかどうかで処理を分岐させる場合は次のように記述するとよいでしょう。


if (elem === null){
	// 要素が存在しない場合の処理
} else {
	// 要素が存在する場合の処理
}

参考記事: MDN getElementById()

スポンサードサーチ

シェアする

  • このエントリーをはてなブックマークに追加

フォローする