Javascript JQuery-复制元素的维度和绝对位置

我试图将一个元素的尺寸和位置（相对于文档）复制到另一个元素上

例：

---

但在某些情况下，它仍然不能给我正确的位置。我错过什么了吗？是否有任何方法可以轻松复制元素位置（相对于文档），以便我的元素“CopiedButEmpty”可以悬停在元素上。

我想知道您为什么没有选择使用jquery。

我想知道您为什么没有选择使用jquery。

我同意。使用jQuery的clone（）然后清空（）新元素以获得一个空白副本。然后，在添加到需要的位置之前，您可以使用attr（）更改它的id/class或任何内容。我同意。使用jQuery的clone（）然后清空（）新元素以获得一个空白副本。然后，您只需使用attr（）更改它的id/class或其他任何内容，然后再将其添加到需要的位置。

  var SelectedElement = $("div#MyTargetElement");

  // The CopiedButEmpty element is a div with absolute position that is meant to hover/float above the selected element.
  $("div#CopiedButEmpty").css("width", SelectedElement.width()).css("height", SelectedElement.height())
    .css("left", SelectedElement.offset().left).css("top", SelectedElement.offset().top)
    .css("marginTop", SelectedElement.css("marginTop")).css("marginLeft", SelectedElement.css("marginLeft"))
    .css("marginRight", SelectedElement.css("marginRight")).css("marginBottom", SelectedElement.css("marginBottom"))
    .css("paddingLeft", SelectedElement.css("paddingLeft")).css("paddingTop", SelectedElement.css("paddingTop"))
    .css("paddingRight", SelectedElement.css("paddingRight")).css("paddingBottom", SelectedElement.css("paddingBottom"));