¿Cómo obtener el valor inicial de las propiedades de estilo en javascript?

En mi archivo html tengo el siguiente marcado:

En el archivo css he aplicado las siguientes reglas de estilo:

 .long_box { width: 3300px; height: 768px; position: absolute; left: 10px; top: 0; } 

En el archivo javascript hice una variable como:

 var longbox = document.getElementsByClassName("long_box")[0]; 

Ahora, cuando bash recuperar el valor inicial de la left de long_box como longbox.style.left , obtengo una cadena vacía "" . Pero después de cambiar el valor left con javascript, por ejemplo, como longbox.style.left = 100 + 'px y luego recordar su valor, obtengo 100px en la consola. Asi que,

¿Cómo obtener el valor inicial de las propiedades de estilo en javascript?

Javascripts element.style solo devuelve estilos en línea, para otros estilos, por ejemplo, en una hoja de estilo, tendría que usar getComputedStyle

 var longbox = document.getElementsByClassName("long_box")[0]; var styles = window.getComputedStyle(longbox); var lef = styles.getPropertyValue("left");