通过 zindex 获取 img src

Question

我可以使用以下代码获取 zindex 值：

  findHighestZIndex('div');
    function findHighestZIndex(elem)
{
  var elems = document.getElementsByTagName(elem);
  var highest = 0;
  for (var i = 0; i < elems.length; i++)
  {
    var zindex=document.defaultView.getComputedStyle(elems[i],null).getPropertyValue("z-index");
    if ((zindex > highest) && (zindex != 'auto'))
    {
      highest = zindex;
    }
  }
  return highest;
}

问题是它会在 9999 返回，我想看看具有该值的 zindex 的 div 或 img 或 src 的名称是什么。然后我将 zindex 值更改为较低的值，以便我可以在它前面放一些东西。

我没能找到任何通过 zindex 搜索然后获取 src 的尝试。

Answer 1

根据您的代码 return 元素，而不是函数中的 zIndex。然后你可以简单地从元素中获取 zIndex、src 和名称并用它做任何事情。

var ele = findHighestZIndex('div'),
zIndex = ele.style.zIndex, 
{src, name} = ele;
console.log(zIndex, src, name); // will log all the props

function findHighestZIndex(elem)
{
  var elems = document.getElementsByTagName(elem);
  var highest = 0;
  for (var i = 0; i < elems.length; i++)
  {
    var zindex=document.defaultView.getComputedStyle(elems[i],null).getPropertyValue("z-index");
    if ((zindex > highest) && (zindex != 'auto'))
    {
      highest = elems[i];
    }
  }
  return highest;
}

通过 zindex 获取 img src

get img src by zindex

javascript

css

z-index