What is default z-Index of element in HTML, and how to get it using JavaScript?

Question

So normally we can get z-Index value of a div element using, e.g:

var zindex = document.getElementById(\'id\').style.zIndex;

I am using this

Answer 1

You might try window.getComputedStyle() on the element:

https://developer.mozilla.org/en/DOM/window.getComputedStyle

var e = document.getElementById('mydiv');
var value = window.getComputedStyle(e[0], null)['zIndex']

I got these values: "auto", "10". After changing: z-index: 10, position: relative.