getElementById を使う場合の注意点

2021年3月17日

getElementById は null を返すことがあります。

引数で指定したIDを持つ要素が見つからない場合にnullが返ります。

指定したIDが間違っていた場合や、対象の要素がDOMに追加されるタイミングが遅かったりする場合です。

そのため、getElementById が使われている箇所では、null かどうかをチェックするようにした方が安全になります。

レビュー時の観点として覚えていくと良いと思います。

const target = document.getElementById('tamibouz')
if(target !== null) {
	console.log(target.getBoundingClientRect()['x'])
}