javascript - 用另一个覆盖任意元素

Question

我想用另一个覆盖现有的任意元素。我找到的所有现有答案都要求要覆盖的元素具有相对位置。但是，我无法控制这一点。

例如，给定一个 p 元素，我想用一个 div 元素完全覆盖它。 p 元素可能没有相对位置。

这可能吗？如果是这样，我该如何实现(最好不用 jQuery)？

谢谢!

Answer 1

感谢@epascarello。

var elementToCover = ...;
var rect = elementToCover.getBoundingClientRect();

var overlayElement = document.createElement("div");

overlayElement.style.position = "absolute";
overlayElement.style.zIndex = "999";
overlayElement.style.top = rect.top + "px";
overlayElement.style.left = rect.top + "px";
overlayElement.style.width = (rect.right - rect.left) + "px";
overlayElement.style.height = (rect.bottom - rect.top) + "px";