Angular 2 getBoundingClientRect() object is possibly 'Null'

Question

So, how to get some element offset by ID in Angular 2?

Done this:

scrollToBottom () {
 let content = document.getElementById('content')
 let offsetTop = content.getBoundingClientRect().top
 console.log(content, offsetTop)
}

But I got this error:

Object is possibly 'null'

Answer 1

Cause there can be no element with this id in html. Just check in if statement;

scrollToBottom () {
let content = document.getElementById('content')
if (content) {
   let offsetTop = content.getBoundingClientRect() ? content.getBoundingClientRect().top : 0
   console.log(content, offsetTop)
 }

}