How to access the content of an iframe with jQuery

Question

How can I access the content of an iframe with jQuery  I tried doing this  but it wouldn t work   iframe content   lt div id  myContent  gt  lt  div gt   jQuery      myiframe   find   myContent    How can I access myContent        Similar to jquery javascript  accessing contents of an iframe but the accepted answer is not what I was looking for

User · Accepted Answer

You have to use the contents   method       myiframe   contents   find   myContent     Source  http   simple procoding net 2008 03 21 how-to-access-iframe-in-jquery   API Doc  https   api jquery com contents

User · Answer

If iframe s source is an external domain  browsers will hide the iframe contents  Same Origin Policy   A workaround is saving the external contents in a file  for example  in PHP     lt  php      contents   file get contents  external url        res   file put contents  filename   contents     gt    then  get the new file content  string  and parse it to html  for example  in jquery      get file url  function string       var html     parseHTML string       var contents     html  contents       html

User · Answer

lt html gt   lt head gt   lt title gt  lt  title gt   lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 3 2 jquery js  gt  lt  script gt   lt script type  text javascript  gt     function            here you have the control over the body of the iframe document     var iBody       iView   contents   find  body           here you have the control over any element   myContent      var myContent   iBody find   myContent           lt  script gt   lt  head gt   lt body gt     lt iframe src  mifile html  id  iView  style  width 200px height 70px border dotted 1px red  frameborder  0  gt  lt  iframe gt   lt  body gt   lt  html gt

[jquery] How to access the content of an iframe with jQuery?

Examples related to jquery

Examples related to iframe