0

何らかの目的で div 要素をオーバーレイする Web サイトがあります。オーバーレイする代わりに、Web ページをプッシュして、すべての 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);
4

1 に答える 1

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>
于 2013-04-04T14:46:03.033 に答える