js z-index最大

在JavaScript中，可以通过以下代码获取页面中最大的z-index值：

function getMaxZIndex() {
  let arr = \[...document.all\].map(e => +window.getComputedStyle(e).zIndex || 0);
  return arr.length ? Math.max(...arr) + 1 : 0;
}

let maxZIndex = getMaxZIndex();
console.log("页面中最大的z-index值为：" + maxZIndex);

这段代码会将页面中所有元素的z-index值提取出来，并返回最大值加1作为最大的z-index值。这样，你就可以得到页面中最大的z-index值了。\[1\]

这个方法的原理是将DOM中的所有元素集合转化为数组，然后遍历数组，提取出每个元素的z-index值，最后通过Math.max()方法找到最大值。\[2\]

通常在编写类似toast这样的组件时，我们希望弹出层在页面的最上层，所以需要找到当前页面中最大的z-index值，并将其加1作为新的z-index值。\[3\]
#### 引用[.reference_title]
- *1* [js: 获取页面最大的zIndex(z-index)值](https://blog.csdn.net/mouday/article/details/125420699)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [javascript 寻找当前页面中最大的 z-index 值的方法](https://blog.csdn.net/FungLeo/article/details/80535029)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]