<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="sitemap" type="application/xml" href="/sitemap.xml"/> <link rel="stylesheet" href="../../css/main.css"> <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script>document.write('<script src="https://pagea' + 'd2.googles' + 'yndication.com/pagea' + 'd/js/a' + 'dsby' + 'google.js"><\/script>')</script> <script> var superSpecialObject = {}; superSpecialObject['google_a' + 'd_client'] = 'ca-p' + 'ub-6974184241884155'; superSpecialObject['enable_page_level_a' + 'ds'] = true; (window['a' + 'dsbygoogle'] = window['a' + 'dsbygoogle'] || []).push(superSpecialObject); </script> </head> <body> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <header class="page-header js-page-header"> <a class='page-header-logo-container' href='https://geek-brain.netlify.app/'></a> <div class="page-header-text">Have Geek Brain</div> </header> <section class="page js-page"> <div itemscope="" itemtype="http://schema.org/QAPage" class="page"> <div class="main-col" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question"> <div class="question-header"> <h1 itemprop="name"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Getting content of div iframe</font></font></h1> </div> <div class="question"> <div class="question-row"> <div class="question-text"> <div class="description" itemprop="text"> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">I have this structure:</font></font></p> <pre class="prettyprint-override"><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"source1"</span>></span> <span class="hljs-tag"><<span class="hljs-name">iframe</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"foo.html"</span>></span><span class="hljs-tag"></<span class="hljs-name">iframe</span>></span> <span class="hljs-tag"></<span class="hljs-name">div</span>></span> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"source2"</span>></span> <span class="hljs-tag"><<span class="hljs-name">iframe</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"foo.html"</span>></span><span class="hljs-tag"></<span class="hljs-name">iframe</span>></span> <span class="hljs-tag"></<span class="hljs-name">div</span>></span> </code> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </pre> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">If I have js code inside foo.html, is there a way to determine which div it is in (without adding a parameter to the iframe code)?</font></font></p> </div> <div class="favorite hidden"><i class="far fa-star"></i></div> <div class="votes-question"> <i class="glyphicon glyphicon-arrow-ups"></i> <div class="vote-count " itemprop="upvoteCount"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 0 </font></font></div> <i class="glyphicon glyphicon-arrow-down"></i> </div> <div class="tags"> <a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class="tag" title="show questions tagged 'javascript'" rel="tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">javascript</font></font></a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class="tag" title="show questions tagged 'iframe'" rel="tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">iframe</font></font></a> </div> <div class="clearfix"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <div class="action-time"> <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">sprugman</font></font></a></span></span> <time title="2009-05-26 22:58" itemprop="dateCreated" datetime="2009-05-26T22:58:27+0000"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> May 26 '09 at 22:58</font></font></time> </div> <a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">a source</font></font></a> <a class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="to share"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">to share</font></font></a> <div class="clearfix"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </div> </div> </div> <div class="answers " id="answers_hash"> <div class="answers-header"> <span class="pull-left"><span itemprop="answerCount"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> answer</font></font></span> <div class="clearfix"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </div> <div class="answer-pager hidden"> </div> <div class="answer accepted last rltd" id="6673501_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="acceptedAnswer"> <div class="answer-row"> <div class="answer-text"> <div class="desc" itemprop="text"> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">from foo.html, you can get the parent window with </font></font><code>parent</code> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">; </font><font style="vertical-align: inherit;">once you're there, you can compare each iframe property </font></font><code>contentWindow</code> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">with </font></font><code>this</code> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">- matched with you.</font></font></p> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Finding the parent of all iframes is the hardest part of this; </font><font style="vertical-align: inherit;">it would be easy to quickly write a library like jQuery, but something was quickly hacked:</font></font></p> <div id="yandex_rtb_R-A-248011-3"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <pre class="prettyprint-override"><code class="hljs javascript"><span class="hljs-keyword">var</span> mycontainer; <span class="hljs-keyword">var</span> iframes = <span class="hljs-built_in">document</span>.getElementsByTagName(<span class="hljs-string">"iframe"</span>); <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> iter = <span class="hljs-number">0</span>; iter <iframes.length; iter++){ <span class="hljs-keyword">if</span>( iframes[iter].contentWindow && iframes[iter].contentWindow === <span class="hljs-built_in">window</span>){<font></font> mycontainer = iframes[iter].parentNode;<font></font> }<font></font> }<font></font> </code> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </pre> </div> <div class="votes-answer"> <i class="glyphicon glyphicon-arrow-ups"></i> <div class="vote-count greenc" itemprop="upvoteCount"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> +2 </font></font></div> <i class="glyphicon glyphicon-arrow-down"></i> </div> <div class="clearfix"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <div class="action-time"> <span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Dan davies brackett</font></font></a></span></span> <time title="2009-05-26 23:19" itemprop="dateCreated" datetime="2009-05-26T23:19:49+0000"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> May 26 '09 at 11:19 PM</font></font></time> </div> <a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">a source</font></font></a> <a itemprop="url" class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="to share"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">to share</font></font></a> <div class="clearfix"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </div> </div> </div> <div class="answer-pager hidden"> </div> <div id="yandex_rtb_R-A-248011-7"></div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </div> </div> </div> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6974184241884155" data-ad-slot="8945601208"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <section class="more-articles-navigation-panel js-more-articles-navigation-panel"> <h4>More articles:</h4> <nav class="list-of-articles-container js-list-of-articles-container"><ul class="list-of-pages js-list-of-pages"> <li><a href='/questions/2592458/'>Python type checking and inheritance - python</a></li> <li><a href='/questions/2592459/'>Can I use less memory when using DeflateStream? - .net</a></li> <li><a href='/questions/2592460/'>Lucene.NET performance - search-engine</a></li> <li><a href='/questions/2592461/'>https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=https://fooobar.com/questions/2592461/what-are-some-good-repository-pattern-examples-for-use-with-entity-framework-40&usg=ALkJrhiLcdJfm_NmgRQ7apyuZo-MMnJVlQ</a></li> <li><a href='/questions/2592462/'>System.Xml.XmlDocument, what's the best way to cache the DTD of an external dependency? - .net</a></li> <li><a href='/questions/2592464/'>https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=https://fooobar.com/questions/2592464/fitnesse-suite-fails-to-execute-tests&usg=ALkJrhh51Hb2ix11JSWYph9QWSatyn5zlg</a></li> <li><a href='/questions/2592465/'>JQuery and Asp.Net Compatibility - jquery</a></li> <li><a href='/questions/2592466/'>problems with css and div tags - html</a></li> <li><a href='/questions/2592467/'>Rebinding Object Graph to EntityContext: "Cannot track multiple objects with the same key" - .net</a></li> <li><a href='/questions/2592468/'>mod_wsgi 2.5 on Ubuntu 9.04 with Python 2.6.2 installed - compiler-construction</a></li> </ul></nav> </section><br /> <a href='/allarticles'><strong>All Articles</strong></a> <script src="../../js/main.js"></script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter68308726 = new Ya.Metrika({ id:68308726, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/68308726" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- Google Analytics --> <script> window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; ga('create', 'UA-134228602-45', 'auto'); ga('send', 'pageview') </script> <script src="https://www.google-analytics.com/analytics.js" async defer></script> </section> <footer class="page-footer"> <div class="page-footer-legal-info-container page-footer-element"> <p> Daily Blog | <span class="page-footer-legal-info-year js-page-footer-legal-info-year">2020</span> </p> </div> <div class="page-footer-counters-container page-footer-element"> <div class="company-info js-company-info" itemscope="" itemtype="http://schema.org/Organization"> <span itemprop="name">Brain Geek Media (BGM)</span> <div itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">4257 Pine Tree Lane</span> <br> <span itemprop="postalCode">MD 20005</span> <span itemprop="addressLocality">Washington, USA</span> </div> <span itemprop="telephone">240-460-3507</span> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "address": { "@type": "PostalAddress", "addressLocality": "Washington, USA", "postalCode": "MD 20005", "streetAddress": "4257 Pine Tree Lane" }, "name": "Brain Geek Media (BGM)", "telephone": "240-460-3507" } </script> </div> </footer> </body> </html>