How to update an iframe with javascript

Question

Hello I am trying to update the src of an iframe with javascript, below is the code I am trying. When I try to execute the code it fails as if an error occured, and stops executing code when I call this line.

document.getElementById('logviewer').src = "www.yahoo.com";

Example code:

<iframe src="" id="logviewer"/>
<script type="javascript/text">
document.getElementById('logviewer').src = "www.yahoo.com";
alert('Loaded Yahoo');
</script>

You can see the src doesn't change and the alert doesn't show.

Thanks ahead of time for your answers!

possible duplicate of [Why does jQuery or a DOM method such as \`getElementById\` not find the element?](http://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method-such-as-getelementbyid-not-find-the-element) — Patrick Evans, Aug 25 '13 at 20:04
There is no duplicate. The code does not run because the `type` is wrong. — Antti Haapala -- Слава Україні, Aug 27 '13 at 04:52

score 2 · Answer 1 · answered Aug 25 '13 at 20:07

There are some major issues in your code:

script mime-type should be text/javascript not javascript/text
iframe tag should have a closing tag...shortopentags are not supported. This is because contant in between iframe tags is shown when the browser does not support iframes. Your code meant that the script tag ended up in this section instead.
document might not be ready when that code runs (you need to put your code in a domready event), this is basically what Patrick is talking about. I think it's a very relevant cause as well.

Here's your code in a working condition: http://jsfiddle.net/4EMdn/

the code shouldn't even be executed as javascript if it has an unknown type. — Antti Haapala -- Слава Україні, Aug 26 '13 at 04:43

How to update an iframe with javascript

1 Answers1