如何在iframe头部添加div标签

我只想问，如何在iframe头部添加div标签。当我在谷歌浏览器中打开开发人员工具栏>元素时，我无法在body中看到mydiv标签。这是我的代码。如何在iframe头部添加div标签

<html> 
    <head> 
     <title></title> 
    </head> 
    <body onload="callMe()"> 
     <div id="mydiv"> 
      <table> 
       <tr> 
        <td>hi</td> 
        <td>hello</td> 
       </tr> 
      </table> 
     </div> 
     <div id="test"> 
      <iframe></iframe> 
     </div> 

     <script type="text/javscsript"> 
      (function callMe() { 
       var frame = $('iframe'), 
        contents = frame.contents(), 
        body = contents.find('body'), 
        styleTag = body.append('#mydiv'); 
      }); 
     </script> 
    </body> 
</html>

来源

2013-10-28 user2928162

您是否包含对jQuery库的引用？ – Tariq

查看浏览器中的控制台。你有一些问题。 – epascarello

append()不采取串选择器，它需要一个DOM元素或jQuery对象。试试这个：

var frame = $('iframe'), 
    contents = frame.contents(), 
    body = contents.find('body'), 
    styleTag = body.append($('#mydiv'));

Example fiddle

有一两件事值得一提的是，append()返回最初选定的元素，所以在你的代码同时body和styleTag变量将包含相同的元素（iframe的body）。

来源

2013-10-28 13:37:16

谢谢。它帮助了我。 – user2928162

没问题，很乐意帮忙。 –

如何在iframe头部添加div标签

回答

相关问题