본문 바로가기

퍼블리싱/jQeury, Javascript

iframe안 요소에 접근하기

사실 아무런 생각없이 iframe의 요소에 접근하는 법이나 일반 도큐먼트에서 접근하는 방법이나 같다고 생각했었다,

그런데 콘솔에서 $("#modalIfm").find("html").height();을 찍어보니 null이 찍혔고,

그 해당 html안의 요소에 접근하려해도 [] 또는 null, unfinded가 찍혔다.

그 때서야 아 iframe안의 요소는 바로 접근을 못하는가하는 생각을 하게되었고, 찾아보니 역시...였다...;;;;

이 무지함이란;;;


검색해보니 iframe셀럭터 다음에 contents()를 쓰면 된다는 것이다.

다음을 참고하자.


<iframe id="iframe">
    <html>
        <head>
            <title></title>
        </head>
        <body>
            <div class="elementInIframe"></div>
        </body>
    </html>
</iframe>

// div.elementInIframe에 접근하는 방법
$('#iframe').contents().find('.elementInIframe').html();