how to access the element inside iframe, from parent document?

Question

function contents_nb(name, height) {
    1. document.getElementById('contents_iframe').height = height+'px';
    2. var $currentIFrame = $('#contents_iframe'); 
    3. $currentIFrame.contents().find(".wrap_contents").hide();
    4. $currentIFrame.contents().find(".greetings").fadeIn(2500);
}

this is my jquery syntax.

no.1 ~ 3, it works well.

but line no.4, it doesn't work.

structure of html document inside iframe is ...

<body>
    <div class="wrap_contents">
        <div class="greetings">
        </div>
        <div class="operational_philosophy">
        </div>
    </div>
    </body>
    </html>

what is the reason? what causes this problem?

and syntax of the parent html document is..

<iframe id="contents_iframe"></iframe>

what is the problem?? why can not find class inside class?

Can you show more code, or put it on JSFiddle and include link? — Paul Draper, Nov 03 '13 at 09:50
Is the source of iframe is same as same as the source of the parent? If it is not so, then you can't access the iframe content normally because of the browser security policies — sumitb.mdi, Nov 03 '13 at 09:51
possible duplicate of [How to access element present inside a iframe from parent window?](http://stackoverflow.com/questions/8676478/how-to-access-element-present-inside-a-iframe-from-parent-window) — Voonic, Nov 03 '13 at 09:58

score 4 · Accepted Answer · answered Nov 03 '13 at 09:54

4

You may used jquery contents() function to access/find the elements,

$("#iframeID").contents().find("#contentID");

answered Nov 03 '13 at 09:54

Krish R

22,583
7
50
59

that's what I used. but it doesn't work at the element inside element. – baejusik Nov 03 '13 at 10:06
I have tested the same, it is working fine, I have a question, what is the use of $currentIFrame.contents().find(".wrap_contents").hide(); – Krish R Nov 03 '13 at 10:55

how to access the element inside iframe, from parent document?

1 Answers1

Linked