Estoy tratando de cambiar el tamaño de la altura de un elemento usando Element.getBoundingClientRect() . La altura del elemento se registró antes y después de element_box.height += 50 ; donde la altura calculada cambia. Sin embargo, la altura del elemento no cambia en la página. ¿Por qué la altura de div sigue siendo de 120 px cuando se supone que es de 170 px?

https://jsfiddle.net/sxm2gn48/1/

 <div></div>

 div { border: 1px solid; height: 120px; width: 130px; }

 let div = document.querySelector("div"); window.addEventListener("load", function(event) { const element_box = div.getBoundingClientRect(); element_box.height += 50; })