我有一个 div normaldiv1
类 normaldiv
。
我试图通过样式属性访问它的 z-index,但它总是返回 0,尽管它在样式表中设置为 2。
CSS:
.normaldiv
{
width:120px;
height:50px;
background-color:Green;
position: absolute;
left: 25px;
top:20px;
display:block;
z-index:2;
}
`
HTML:
<div id="normaldiv1"
class="normaldiv"
newtag="new"
tagtype="normaldiv1"
onmousedown="DivMouseDown(this.id);"
ondblclick="EditCollabobaTag(this.id,1);"
onclick="GetCollabobaTagMenu(this.id);"
onblur="RemoveCollabobaTagMenu(this.id);">
JavaScript:
alert(document.getElementById('normaldiv1').style.zIndex);
如何使用 JavaScript 查找元素的 z-index?
最佳答案
由于 z 索引在 CSS 部分中提到,您将无法通过您提到的代码直接获取它。您可以使用以下示例。
function getStyle(el,styleProp)
{
var x = document.getElementById(el);
if (window.getComputedStyle)
{
var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
}
else if (x.currentStyle)
{
var y = x.currentStyle[styleProp];
}
return y;
}
传递您的元素 ID 和样式属性以获取函数。
例如:
var zInd = getStyle ( "normaldiv1" , "zIndex" );
alert ( zInd );
对于 firefox,您必须传递 z-index 而不是 zIndex
var zInd = getStyle ( "normaldiv1" , "z-index" );
alert ( zInd );
关于javascript - 在 JavaScript 中获取 DIV 的 z-index?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1388007/