How can I get iframe element?

Question

This is main.html

<body>
    <iframe id="frame" src="frame.html"></iframe>
    <script type="text/javascript">
    document.getElementById('frame').contentWindow.document.getElementById('test').innerHtml = 'abcdefgh';
    </script>     
</body>

And this is frame.html

<body>
    <p id="test">0123456798</p>
    <script type="text/javascript"></script>
</body>

Error: Uncaught TypeError: Cannot set property 'innerHTML' of null

Why did not work , AND how can I change id="test" text

I think you don't need to use `contentWindow.document`. The code should be like `document.getElementById('frame').getElementById('test').innerHtml` — Mohammad, Aug 05 '17 at 13:49
TypeError: document.getElementById(...).getElementById is not a function at — jdio, Aug 05 '17 at 13:54
You should check value of `document.getElementById('frame')` in console that has value or not. — Mohammad, Aug 05 '17 at 13:57
Take a look at [this related question](https://stackoverflow.com/questions/139118/javascript-iframe-innerhtml) — Isac, Aug 05 '17 at 13:59

score 2 · Accepted Answer · answered Aug 05 '17 at 14:03

2

Use setTimeout() to delay your script. The iframe needs time to be loaded.

<iframe id="frame" src="frame.html"></iframe>
<script type="text/javascript">
setTimeout(function(){
  document.getElementById('frame').contentWindow.document.getElementById('test').innerHTML = 'abcdefgh';
},800);
</script>

And notice the capital letters on innerHTML().

answered Aug 05 '17 at 14:03

Louys Patrice Bessette

33,375
6
36
64

Hmmmm, get same result – jdio Aug 05 '17 at 14:18
Try a longer delay... Maybe 800 millisecond isn't enought. It depends on the iframe content. – Louys Patrice Bessette Aug 05 '17 at 14:18
I also tried delay 10second ^~^ – jdio Aug 05 '17 at 14:21
It works [here](https://www.bessetteweb.com/SO/45522627/). I've set a 3000 ms delay for you to have time noticing the HTML change... But it works with 800. – Louys Patrice Bessette Aug 05 '17 at 14:36
yep thank you , finally it work . bcs i forgot sent file to my server , i was test it in my computer . – jdio Aug 05 '17 at 14:54
Great! Can you mark the answer as accepted? – Louys Patrice Bessette Aug 05 '17 at 14:57

score 0 · Answer 2 · answered Aug 05 '17 at 14:10

0

Hi here you have a solution



    setTimeout(function(){
        var iframe = document.getElementById('frame');
        console.log(iframe);
    });

Hope it helps

answered Aug 05 '17 at 14:10

Pedro Lescano

86
4

How can I get iframe element?

2 Answers2