what the meaning of dot . in "document.getElementById()| ?

Answer 1

you are accessing document object containing getElementById method.

Answer 2

It's a way of indicate syntax for JS. Think of it as subject.verb