Javascript/Jquery 获取图像实际 z-index

Question

我需要获取图像的z-index。问题是客户可以向网站添加 css，因此 z-index 可以通过标签、类、id、标题等进行修改。

var imgs = document.getElementsByTagName("img");
var imgLength = imgs.length;
for (var i = 0; i < imgLength; i++)
{
    var zindex=document.defaultView.getComputedStyle(imgs[i],null).getPropertyValue("z-index");
    if (zindex > 1)
    {
        //correct issue here.
    }
}

此代码仅返回附加到标签 img 的样式。如果客户以其他方式访问 z-index 该怎么办？在我的代码中，它没有告诉我 z-index 是否在自定义 css img[title='image file'] 中。我不像 div 那样关心父级。

Answer 1

“此代码仅返回附加到标签 img 的样式。如果客户以其他方式附加 z-index 会怎样。”

getCompulatedStyle 检测结果，使用哪种方式附加样式并不重要。如果element有属性，可以通过getCompulatedStyle(element[,pseudo])获取。