从iframe中的.html获取父div div

时间:2018-04-10 07:15:43

标签: javascript iframe

我的.html文件里面包含 iframe

这是我的代码:

<html>
   <div id="master">
      <iframe width="640" height="480" src ="xxxxx.html">
      #document
      <html>
         <head>
            <script>
               $(document).ready(function () {  
               var pDoc = document.getElementById("div1");
               var parentDiv = pDoc.parentNode;
               alert(parentDiv.id);
                });
            </script>
         </head>
         <body>
            <div id ="div1">
               <video id="myvideo1"> </video>
            </div>
         </body>
      </html>
      </iframe>
   </div>
</html>

我想要做的是,当我打开这个.html文件时,我想得到父{div} id master

我想在我的框架中通过.html访问父div。请关注我的<script>标记。我想显示parentDiv.id的警报。

因此,当我重新加载页面时,预期输出,警报显示master。 在下面的代码中,警报为空。

任何人都知道怎么做?

1 个答案:

答案 0 :(得分:0)

你试过了吗?

将Id应用于iFrame(例如IFRAME_ID

$($("#IFRAME_ID").contents().document).find('#div1');