如何在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標籤

回答

相關問題