How to access element Style using JS?

JavaScript
1

Im trying to store the position of an elemnt to a variable like so

var x = element.style.position;

but if i try to view it in the console, it showed this

--->x
<---""

Basically it returns “” , intead of the real position of the element

3

Sure @camperextraordinaire !

<html>
<style>
	.demo{
		height:300px;
		width:300px;
		position:fixed;
		background-color:orange;
	}
</style>
	<body>
		<div class="demo">
			
		</div>
	</body>
</html>

Try Running that document in your browser… now try to access the background of that or any property…

like so,

–>var x = document.querySelector(".demo");
–>x.style.background

//and it will return

<-- “”

Instead of the background which is orange