How to get src value from Iframe?

Question

I tried with a method that was suppose to work.

<html>
<head>
    <script type="text/javascript">
    alert(document.getElementById("gornji").src);

</script>

</head>

<body>
    <iframe id="gornji" src="http://www.w3schools.com/js/default.asp" style="width:100%; height:30%; position:absolute; top:0px; border-style:none"></iframe>


</body> 
</html>

What is wrong here? I am open to all answers.

nope, it doesn't. Google chrome is suppose to support this, right? — jpaulik, Jun 01 '14 at 18:54
Here's Your answer: http://stackoverflow.com/questions/938180/get-current-url-from-iframe — entio, Jun 01 '14 at 18:57

andyw_ · Accepted Answer · 2014-06-17T20:59:39.950

2

This is most probably because the iframe is not yet part of the DOM when you try to get its property of src. Either place your script at the very bottom just right before end of body or have it attached to window.onload event.

Check here for a demo http://fiddle.jshell.net/doiks14/72NYm/

edited Jun 17 '14 at 20:59

answered Jun 01 '14 at 18:58

andyw_

490
5
15

or move the script tag after iframe – Fabricator Jun 01 '14 at 18:59

score 1 · Answer 2 · answered Jun 01 '14 at 19:06

1

There is no iframe when your code gets executed. Execute your code after DOM is completely loaded.

window.addEventListener("load", function(){
    alert(document.getElementById("gornji").src);
});

answered Jun 01 '14 at 19:06

Derek 朕會功夫

92,235
44
185
247

How to get src value from Iframe?

2 Answers2