getElementById を使う場合の注意点
getElementById は null を返すことがあります。
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById
引数で指定したIDを持つ要素が見つからない場合にnullが返ります。
指定したIDが間違っていた場合や、対象の要素がDOMに追加されるタイミングが遅かったりする場合です。
そのため、getElementById が使われている箇所では、null かどうかをチェックするようにした方が安全になります。
レビュー時の観点として覚えていくと良いと思います。
const target = document.getElementById('tamibouz')
if(target !== null) {
console.log(target.getBoundingClientRect()['x'])
}
最近のコメント