任意の要素を別の要素でカバーする

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";