html - 如何在 iframe 中添加 div 元素

Question

我有一个网站，出于某种目的，我在该网站上覆盖了一个 div 元素。现在，我不想叠加，而是想推送网页并将所有 div 都放在 iframe 中。

我已经创建了 iframe，但无法在 iframe 中附加 div。

编辑：

var iframepush = document.createElement('iframe');
                        iframepush.frameBorder=0;
                        iframepush.scrolling="yes";
                        iframepush.id="crossrider-siderbar-iframepush-26337";
                        iframepush.allowTransperancy="true";
                        iframepush.style.position='fixed' 
                        iframepush.style.right = '0px';
                        iframepush.style.top = '0px';
                        iframepush.style.position = 'absolute';
                        iframepush.style.height = $(window).height() + 'px';
                        iframepush.style.width = '150px';
                        iframepush.style.display = 'inline-block';

                        document.body.appendChild(iframepush);

                        var rightDiv = iframepush.document.createElement("div");
                        rightDiv.className = "crossrider-sidebar-26337 crossrider-sidebar-26337-container ";
                        rightDiv.style.cssText = "display: block; position: fixed; right: 0px; top: 0px; width: 150px; height:" + $(window).height() + "px; z-index:970; ";
                        iframepush.document.body.appendChild(rightDiv);

Answer 1

  <script type="text/javascript">
    $(document).ready(function() {
      $("#iframeId").contents().find("body").html($("<div></div>").append($("#test")).html());
    });
 </script>
 <iframe id="iframeId" name="iframeId" src="about:blank" ></iframe>
<div id="test">
   Text
</div>