使用JS获取网页z-index层级的最大值
侧边栏壁纸
  • 累计撰写 17 篇文章
  • 累计收到 1 条评论

使用JS获取网页z-index层级的最大值

赖毓强
2023-06-02 / 0 评论 / 501 阅读 / 正在检测是否收录...

使用JS获取网页z-index层级的最大值,代码如下:

let elements = document.querySelectorAll('*');
let zIndexValues = [];

for (let i = 0; i < elements.length; i++) {
  let zIndex = parseInt(window.getComputedStyle(elements[i]).getPropertyValue('z-index'));
  if (!isNaN(zIndex)) {
    zIndexValues.push(zIndex);
  }
}

let maxZIndex = zIndexValues.sort((a, b) => {
  return a - b;
})[zIndexValues.length - 1];

console.log('The maximum z-index value is:', maxZIndex);

解释:
可以通过以下步骤获取当前网页z-index的最大值:

  1. 获取页面上所有元素
document.querySelectorAll('*')
  1. 遍历所有元素,获取它们的 z-index 值,并将其转换为数字类型
let elements = document.querySelectorAll('*');
let zIndexValues = [];

for (let i = 0; i < elements.length; i++) {
  let zIndex = parseInt(window.getComputedStyle(elements[i]).getPropertyValue('z-index'));
  if (!isNaN(zIndex)) {
    zIndexValues.push(zIndex);
  }
}
  1. 对这些 z-index 值进行排序,并返回最大值
let maxZIndex = zIndexValues.sort((a, b) => {
  return a - b;
})[zIndexValues.length - 1]
0

评论 (0)

取消