javascript - 如何将选定的 div 置于所有其他 div 之上

Question

我在屏幕上有一堆 div。我想要做的是，当我选择任何 div 时，我希望它的 zIndex 始终高于所有其他 div。

在我的应用程序中，每当我选择一个 div 并将其放在其他 div 之上时，我都需要重复执行此操作。

这可以使用 Javascript 吗？

Answer 1

在某些情况下，您可以在不直接使用 CSS 的情况下将元素置于顶部。如果将 DIV 放置到 body 标记或另一个父元素下，则可以将其重新附加到父元素。 JavaScript 会将它移动到子列表中的最后一个位置，这将以“自然”的方式将该元素带到顶部。

例子:

myElement.parentNode.appendChild(myElement);

我将这个技巧用于我的自定义上下文菜单。在没有 zIndex 的情况下工作。