JS Różnica między metodami DOM

Witam,
Jestem na etapie tworzenia swojej strony, i kilka dni temu natknąłem się na zastanawiającą mnie rzecz.
Dotychczas do edycji elementów html przed DOM używałem metody getElementById, przykładowo:
 

document.getElementById=("menu").style= "color:red;"

Ale na jakieś stronie natknąłem się na hmm, skróconą wersję?
Mam na myśli coś takiego

menu.style.color="red"

W moim zastosowaniu działa to identycznie i w tej chwili nie wiem czy jest to po prostu krótszy sposób tak jak myślę, czy może jednak to różni się jakoś w działaniu?

https://developer.mozilla.org/pl/docs/We...lementById

Po prostu ktoś przypisał pobranie znacznika o ID menu do zmiennej a następnie w kolejnych linijkach dokonuje modyfikacji tego elementu


var mojPobranyElement = document.getElementById("menu");
mojPobranyElement.style.color = "purple";
mojPobranyElement.style.backgroundColor = "orange";