Is it possible to set location href/src of an iframe without knowing it's id?

Question

I have an iframe that I run code inside. I don't know the iframes ID as it's set by another application. I wish to change the page in the iframe to another url. How can I do this without knowing the id?

sample html: http://plnkr.co/edit/kE9WdSTWe4GdDKPbFboV?p=catalogue

• phylax: document.getElementsByTagName('iframe') should do
• xzegga: the method commented by phylax is only aplicable if you have a single iframe only, can you put your code in jsfiddle?
• Himmators: what code? I', running a facebook-tab-app, I could select the iframe in some various ways, but it's hard to be sure it won't change, thus breaking the app.
• vikas: @KristofferNolgren It would be good to share your rendered HTML, can you share ?

Answer 1

If you know the URL that you want to replace you can do this :

var frames = document.getElementsByTagName("iframe");
for (var i = frames.length - 1; i >= 0; i--)
{
 if(frames[i].src == "currentURL"){
 frames[i].src = "newURL"
 }
}

Or If you are the page inside the iframe you can simply redirect the page :

window.location.replace("http://www.newlocation.com")

• Himmators: But when I think about it, will this really work to run inside the iframe, does my iframe know what's outside it, including itself?
• Adjit: @KristofferNolgren what exactly is the context of the script? are you trying to put this script in a page that will be called by an iframe and then you want to change the source of the iframe? or will this be in your page that contains the iframe?
• Himmators: the first, inside a page that will be called by an iframe.
• Adjit: @KristofferNolgren let me know if this works, but I don't think it will. I'm going to look into it, but I think it can be done.
• Adjit: @KristofferNolgren you don't even need to do that actually... here is what you can do : window.location.replace("http://www.newlocation.com")

Answer 2

If you have a single iframe, do this:

document.getElementsByTagName('iframe')[0].src = "url"

getElementsByTagName returns NodeList, on which you can use index to use the specific element from the list.

Index start at 0

• Himmators: Nice, i don't though, I have facebook-buttons and vime-windows aswell.