Причины прямой связи между элементом DOM и присвоенной ему переменной?

Я новичок и очень хочу понять, почему создаваемые нами переменные не просто получают значения внутри элемента DOM, а становятся элементом DOM?

Вот базовый код;

var elementValues = document.getElementById("p1");
elementValues.style.color = "red";

 // I don't understand why we don't need this step in order to manipulate the DOM.
// document.getElementById.getElementById("p1") = elementValues; 

Разве мы не говорим просто скопировать значения из элемента DOM с идентификатором p1 и вставить их в elementValues ?

Но почему цвет элемента DOM меняется, когда я меняю цвет elementValues ? Насколько я понимаю, он действует как указатель.