el punto sirve para acceder a propiedades y metodos de los objetos (propios y nativos de javascript) como por ejemplo:
document.querySelector(".elemento").appendChild(otroElemento)
el objeto Document tiene un metodo llamado querySelector que selecciona segun un string pasado por parametros algun elemento dentro del DOM. Como este metodo devuelve un HTML Element (que tambien es un objeto) podemos usar el metodo de los objetos HTML "appendChild" para agregar otro elemento como hijo.
Pero no solo se accede a metodos sino a propiedades por ejemplo si tenemos el objeto:
let objeto = { name : "nombre", surname : "apellido" }
accedemos a la propiedad surname escribiendo objeto.surname