Get instance of child object in iframe

Question

I need to automate a web form which uses iframes to embed child 'forms' which can be considered as separate html pages. So you get a parent document which contains what they call view fields which are iframes. Within the iframes are the 'child' embedded web pages. A simple example: I have cut out a lot off the html to reduce it to a reasonable size ```

">

``` Then the embedded child html could be simple like this: ```

Register:

Accepted Answer

If you are trying to get the data from the parent looking into the `iframe` then this is what you are looking for. Bare in mind that this only works if the `iframe` source is a page from the same domain, otherwise you wouldn't have the permission to access its contents.

http://jsfiddle.net/wao20/Ja54y/19/

First make sure your `iframe` is loaded, then you can call this to access to your `iframe` dom.

```
$('#iframe_id_123').contents().find('#element_inside_your_iframe');
```

Update:

If you want a pure js solution you can try this:

```
var f = document.getElementById('f123');
if (f != undefined){
    var doc = f.contentDocument || f.contentWindow.document;
    var txt = doc.getElementById('secret');
    alert(txt.value);
}
else {
    alert('No iframe, no secret!');
}
```

http://jsfiddle.net/wao20/Ja54y/34/

Get instance of child object in iframe

Solution

Problem

Related problems