通过zindex获取img src

时间:2018-07-26 18:34:53

标签: javascript css z-index

我可以使用以下代码获取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的任何尝试。

1 个答案:

答案 0 :(得分:2)

根据您的代码返回元素,而不是函数中的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;
}