HTML中的元素的默认z-Index是什么,以及如何使用JavaScript获取它?

前端之家收集整理的这篇文章主要介绍了HTML中的元素的默认z-Index是什么,以及如何使用JavaScript获取它?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以通常我们可以得到一个div元素的z-Index值,例如:
var zindex = document.getElementById('id').style.zIndex;

我在代码中使用这个值来做某事。现在的问题是使用默认值,在HTML代码中没有定义(甚至在外部css中定义了z-Index的情况下),相同的java脚本命令什么都不返回。

我明白,在默认情况下,通常浏览器会根据元素堆决定渲染。但是有没有什么具体的价值或方式来实现这一点在JavaScript中没有定义的价值?

我的意思是,通常没有任何回报将意味着没有定义的价值。但它也发生在外部的CSS,所以我如何区分两者?

解决方法

您可以在元素上尝试window.getComputedStyle():

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

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

我得到这些值:“auto”,“10”。更改后:z-index:10,position:relative。

原文链接:https://www.f2er.com/html/233297.html

猜你在找的HTML相关文章