如何在iframe中追加div元素

Question

我有一个网站，我在其上为某种目的叠加了一个div元素。现在，而不是覆盖，我想推动网页，并在iframe中的所有div。

我已经创建了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>