<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><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>window.jQuery||document.write('<script src="../../js/vendors/jquery-3.3.1.min.js"><\/script>')</script><script>document.write('<script src="//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-4469282388984999';superSpecialObject['enable_page_level_a'+'ds']=true;(window['a'+'dsbygoogle']=window['a'+'dsbygoogle']||[]).push(superSpecialObject);</script><header class="page-header js-page-header"><a class=page-header-logo-container href=https://geek-questions.imtqy.com/index.html></a><div class=page-header-text>All geek questions in one place</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>Get iframe by id</h1></div><div class=question><div class=question-row><div class=question-text><div class=description itemprop=text><p>I got a little confused with the following code:<p>HTML:<pre class=prettyprint-override><code class="hljs javascript"><div <span class=hljs-class><span class=hljs-keyword>class</span></span>=<span class=hljs-string>"playerContainer"</span>> <span class=xml><span class=hljs-tag><<span class=hljs-name>iframe</span> <span class=hljs-attr>id</span>=<span class=hljs-string>"playerFrame"</span> <span class=hljs-attr>name</span>=<span class=hljs-string>"playerFrame"</span> <span class=hljs-attr>frameborder</span>=<span class=hljs-string>"0"</span>></span><span class=hljs-tag></<span class=hljs-name>iframe</span>></span></span> <div <span class=hljs-class><span class=hljs-keyword>class</span></span>=<span class=hljs-string>"playerContainer"</span>></code> </pre><p>Javascript:<pre class=prettyprint-override> <code class="hljs javascript"><span class=hljs-keyword>var</span> playerFrame1 = $(<span class=hljs-string>"#playerFrame"</span>); <span class=hljs-keyword>var</span> playerFrame2 = <span class=hljs-built_in>window</span>.frames[<span class=hljs-string>"playerFrame"</span>]; alert(playerFrame1); <span class=hljs-comment>// returns [object object] alert(playerFrame2); // returns [object Window]</span></code> </pre><p>My first question is why we get 2 different outputs.<p>When I try to embed a webpage using playerFrame1 as an identifier, nothing happens. But everything works fine with playerFrame2. Does anyone know why?<p>Thanks.<p>PS: I also tried<pre class=prettyprint-override> <code class="hljs javascript">$(<span class=hljs-string>'playerFrame'</span>), $(iframe[name=<span class=hljs-string>"playerFrame"</span>]), <span class=hljs-built_in>document</span>.getElementById(<span class=hljs-string>"playerFrame"</span>)</code> </pre><p>Without changes.</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 greenc" itemprop=upvoteCount>+4</div><i class="glyphicon glyphicon-arrow-down"></i></div><div class=tags><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'jquery'" rel=tag>jquery</a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'iframe'" rel=tag>iframe</a></div><div class=clearfix></div><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&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel=noopener target=_blank>user1671731</a></span></span> <time title="2012-09-14 15:16" itemprop=dateCreated datetime=2012-09-14T15:16:21+0000>Sep 14 '12 at 15:16</time></div><a class=aa-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank rel=noopener>source</a> <a class=s-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title=share>share</a><div class=clearfix></div></div></div></div><ins style=height:90px;display:block data-zxname=zx-adnet data-zxadslot=ZX-QRST data-zxw=0 data-zxh=90 data-zxid=2 data-overlay=false></ins><div class=answers id=answers_hash><div class=answers-header><span class=pull-left><span itemprop=answerCount>2</span> answers</span><div class=clearfix></div></div><div class="answer-pager hidden"></div><div class=answer id=4437319_hash itemscope itemtype=http://schema.org/Answer itemprop=suggestedAnswer><div class=answer-row><div class=answer-text><div class=desc itemprop=text><p>This is really a jQuery question (I assume $ is a jQuery object).<p>jQuery returns an array of objects - where window.frames is a mapping to Window objects.</div><div class=votes-answer><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop=upvoteCount>+1</div><i class="glyphicon glyphicon-arrow-down"></i></div><div class=clearfix></div><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&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel=noopener target=_blank>Tim wintle</a></span></span> <time title="2012-09-14 15:18" itemprop=dateCreated datetime=2012-09-14T15:18:51+0000>Sep 14 '12 at 15:18</time></div><a class=aa-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank rel=noopener>source</a> <a itemprop=url class=s-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title=share>share</a><div class=clearfix></div></div></div></div><ins style=height:90px;display:block;margin-top:15px data-zxname=zx-adnet data-zxadslot=ZX-QRST data-zxw=0 data-zxh=90 data-zxid=3 data-overlay=false></ins><div class="answer last rltd" id=4437318_hash itemscope itemtype=http://schema.org/Answer itemprop=suggestedAnswer><div class=answer-row><div class=answer-text><div class=desc itemprop=text><p>The first is not a DOM object, but <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="nofollow noreferrer" src>jQuery one</a> . It gives you access to a DOM object (or collection of DOM objects) and methods for reading or changing its state, but it also does not offer all methods of DOM objects.<p>This is usually called a jQuery wrapped object.<p>If you need to get a DOM object from jQuery, you can use<pre class=prettyprint-override> <code class="hljs cs"><span class=hljs-keyword>var</span> obj = $obj.<span class=hljs-keyword>get</span>(<span class=hljs-number>0</span>);</code> </pre></div><div class=votes-answer><i class="glyphicon glyphicon-arrow-ups"></i><div class=vote-count itemprop=upvoteCount>0</div><i class="glyphicon glyphicon-arrow-down"></i></div><div class=clearfix></div><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&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel=noopener target=_blank>Denys seguret</a></span></span> <time title="2012-09-14 15:18" itemprop=dateCreated datetime=2012-09-14T15:18:02+0000>Sep 14 '12 at 15:18</time></div><a class=aa-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank rel=noopener>source</a> <a itemprop=url class=s-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title=share>share</a><div class=clearfix></div></div></div></div><div class="answer-pager hidden"></div></div></div></div><p>Source: <a rel=nofollow href=https://habr.com/ru/post/1434234/>https://habr.com/ru/post/1434234/</a><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=../1434229/index.html>Passing a clearer description of the RSpec `its` method - ruby-on-rails</a><li><a href=../1434230/index.html>How to add Java 7 JRE to Eclipse on my Mac? - java</a><li><a href=../1434231/index.html>Is it possible to hierarchically designate the line chart of matplotlib (pyplot)? - python</a><li><a href=../1434232/index.html>https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=https://fooobar.com/questions/1434232/convert-xml-with-duplicate-elements-to-json-using-jackson&usg=ALkJrhiU_sa6tWysyEbq6ZZTm8u5XcjB_w</a><li><a href=../1434233/index.html>The initial "checked" state of the switch with jQuery Mobile + knockout.js - jquery-mobile</a><li><a href=../1434235/index.html>jqGrid: how to load all data when selecting all checkboxes? - jqgrid</a><li><a href=../1434236/index.html>R - Passing the results of the Combn function with two parameters - r</a><li><a href=../1434237/index.html>How to run 'git diff --check' only for certain file types - git</a><li><a href=../1434238/index.html>https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=https://fooobar.com/questions/1434238/htmlcss-to-pdf-background-image-on-all-pages&usg=ALkJrhgMsLFU96al3onwVW86yxL9u19R3g</a><li><a href=../1434239/index.html>Can the Google Apps Script web application get the user language and time zone? - localization</a></ul></nav></section><br><a href=../../allArticles.html><strong>All Articles</strong></a> <script src=../../js/main.js></script><script>(function(d,w,c){(w[c]=w[c]||[]).push(function(){try{w.yaCounter62683636=new Ya.Metrika({id:62683636,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/62683636 style=position:absolute;left:-9999px alt></div></noscript><script>window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;ga('create','UA-166339405-1','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>Geek Questions | <span class="page-footer-legal-info-year js-page-footer-legal-info-year">2019</span></div><div class="page-footer-counters-container page-footer-element"><a class=page-footer-counter-clustrmap href=# title="Visit tracker"><img src="https://clustrmaps.com/map_v2.png?cl=698e5a&w=271&t=t&d=x9KFE5t3Mv44EqtuX_BNXcB69A0sIUZAkKxnezcia0Y&co=3a3a3a&ct=ffffff"></a></div></footer>