iframe 헤드에 div 태그를 추가하는 방법

iframe 헤드에 div 태그를 추가하는 방법을 묻고 싶습니다. Google 크롬에서 개발자 툴바> 요소를 열면 본문에서 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

한 가지가 body 및 styleTag 변수가 동일한 요소합니다 (iframe의 body)를 포함 코드에서, 그래서 append()는 원래 선택된 요소를 반환한다는 것입니다 .

출처

2013-10-28 13:37:16

감사합니다. 그것은 나를 도왔다. – user2928162

문제 없으니 기꺼이 도와주세요. –

iframe 헤드에 div 태그를 추가하는 방법

답변

관련 문제