Jquery cannot get contents of element</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2016-03-17T07:01:40.947" class="fromnow">Mar 17 '16 at 07:01</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2016-03-17T07:44:22.160" datetime="2016-03-17T07:44:22.160">Mar 17 '16 at 07:44</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 1,120 times"> <span class="fc-light mr2">Viewed</span> 1,120 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="36053619" data-ownerid="2958883" data-score="0"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="36053619"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Hi I am trying to select <strong>form</strong> tag using Jquery from the link below in chrome console:</p> <pre><code>http://www.dcoi-conference.org/#!registration/cpq5 </code></pre> <p>I tried:</p> <pre><code>$("form") </code></pre> <p>This gives empty array Here I see the <strong>form</strong> element is in <strong>iframe</strong>. Thus I also tried </p> <pre><code>$("iframe")[0].contents(); </code></pre> <p>But was uanable to get any results. Please help.</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag js-gps-track" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/iframe" class="post-tag js-gps-track" title="show questions tagged 'iframe'" rel="tag">iframe</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 17 '16 at 07:01">asked Mar 17 '16 at 07:01</time> <a href="../../users/2958883/wrufesh" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2958883.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="wrufesh" /> </a> <div class="s-user-card--info"> <a href="../../users/2958883/wrufesh" class="s-user-card--link">wrufesh</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,379</li> <li class="s-award-bling s-award-blinggold" title="3 gold badges">3</li> <li class="s-award-bling s-award-blingsilver" title="18 silver badges">18</li> <li class="s-award-bling s-award-blingbronze" title="36 bronze badges">36</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-36053619" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="36053619" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-59754927" class="comment js-comment " data-comment-id="59754927" data-comment-owner-id="816620" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment59754927_36053619"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">I reopened because this is not so much a question about how to read an iframe as it is an issue with cross origin security.</span> – <a href="../../users/816620/jfriend00" title="683,504 reputation" class="comment-user ">jfriend00</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/36053619/jquery-cannot-get-contents-of-iframe-element#comment59754927_36053619"><span title="2016-03-17T07:10:29.220 License: CC BY-SA 3.0" class="relativetime-clean">Mar 17 '16 at 07:10</span></a></span> </div> </div> </li> <li id="comment-59754970" class="comment js-comment " data-comment-id="59754970" data-comment-owner-id="295783" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment59754970_36053619"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Yes, I see that now. I actually believed that the console could bypass the cross origin too.</span> – <a href="../../users/295783/mplungjan" title="169,008 reputation" class="comment-user ">mplungjan</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/36053619/jquery-cannot-get-contents-of-iframe-element#comment59754970_36053619"><span title="2016-03-17T07:12:09.793 License: CC BY-SA 3.0" class="relativetime-clean">Mar 17 '16 at 07:12</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">1 Answers<span style="display:none;" itemprop="answerCount">1</span></h2> </div> </div> </div> <a name="36053746"></a> <div id="answer-36053746" class="answer accepted-answer" data-answerid="36053746" data-ownerid="816620" data-score="4" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="36053746"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="4">4</div> <div class="js-accepted-answer-indicator grid--cell fc-green-500 py6 mtn8"><div class="ta-center"><svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8z"></path></svg></div></div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>The form in that page is in an iframe that comes from a different origin than the page. So, the browser security model will not allow you to access the iframe DOM from the parent page. </p> <p>Without moving the content out of that foreign domain or placing code into that foreign sourced iframe, there is no way to work around that security limitation from just the parent page.</p> <p>Possible solutions:</p> <ol> <li>Stop embedding an iframe from a foreign domain because there is no way to get to the content of a cross origin iframe. Put the content into your own page directly where you can access it freely.</li> <li>Add code to the foreign domain that will cooperate with the parent page. Cooperating cross origin frames can communicate via <code>window.postMessage()</code>, but it requires cooperating code in both frames in both domains.</li> </ol></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2016-03-17T07:44:22.160" class="relativetime">Mar 17 '16 at 07:44</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">jfriend00</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Mar 17 '16 at 07:09">answered Mar 17 '16 at 07:09</time> <a href="../../users/816620/jfriend00" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/816620.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="jfriend00" /> </a> <div class="s-user-card--info"> <a href="../../users/816620/jfriend00" class="s-user-card--link">jfriend00</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">683,504</li> <li class="s-award-bling s-award-blinggold" title="96 gold badges">96</li> <li class="s-award-bling s-award-blingsilver" title="985 silver badges">985</li> <li class="s-award-bling s-award-bling__bronze" title="979 bronze badges">979</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-36053746" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="36053746" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-59755306" class="comment js-comment " data-comment-id="59755306" data-comment-owner-id="2958883" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment59755306_36053746"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Can you please elaborate what does moving content out of that foreign domain or placing code into that foreign sourced iframe mean? @jfriend00</span> – <a href="../../users/2958883/wrufesh" title="1,379 reputation" class="comment-user owner">wrufesh</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/36053619/jquery-cannot-get-contents-of-iframe-element#comment59755306_36053746"><span title="2016-03-17T07:23:52.100 License: CC BY-SA 3.0" class="relativetime-clean">Mar 17 '16 at 07:23</span></a></span> </div> </div> </li> <li id="comment-59755943" class="comment js-comment " data-comment-id="59755943" data-comment-owner-id="816620" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment59755943_36053746"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@wrufesh - I added possible solutions to my answer.</span> – <a href="../../users/816620/jfriend00" title="683,504 reputation" class="comment-user ">jfriend00</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/36053619/jquery-cannot-get-contents-of-iframe-element#comment59755943_36053746"><span title="2016-03-17T07:44:33.253 License: CC BY-SA 3.0" class="relativetime-clean">Mar 17 '16 at 07:44</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>