Access iframe elements in JavaScript

Question

I have a webpage where there is a textarea within an iframe  I need to read the value of this textarea from its child page using JavaScript   Presently by using window parent getelementbyID   value in the JavaScript  I am able to fetch values of all controls in the parent page except the textarea within the iframe   Can anyone please give me any pointers to resolve this issue

User · Answer

window frames  myIFrame   document getElementById  myIFrameElemId     not working for me but I found another solution  Use    window frames  myIFrame   contentDocument getElementById  myIFrameElemId     I checked it on Firefox and Chrome

User · Answer

Make sure your iframe is already loaded  Old but reliable way without jQuery     lt iframe src  samedomain com page htm  id  iframe  onload  access    gt  lt  iframe gt    lt script gt  function access        var iframe   document getElementById  iframe       var innerDoc   iframe contentDocument    iframe contentWindow document     console log innerDoc body      lt  script gt

User · Answer

Two ways  window frames  myIFrame   contentDocument getElementById  myIFrameElemId     OR  window frames  myIFrame   contentWindow document getElementById  myIFrameElemId

User · Answer

If your iframe is in the same domain as your parent page you can access the elements using document frames collection      replace myIFrame with your iFrame id    replace myIFrameElemId with your iFrame s element id    you can work on document frames  myIFrame   document like you are working on    normal document object in JS window frames  myIFrame   document getElementById  myIFrameElemId     If your iframe is not in the same domain the browser should prevent such access for security reasons

User · Answer

this code worked for me   window frames  myIFrame   contentDocument getElementById  myIFrameElemId

User · Answer

You should access frames from window and not document  window frames  myIFrame   document getElementById  myIFrameElemId

[javascript] Access iframe elements in JavaScript

Examples related to javascript

Examples related to iframe