How can I access and reload this iframe?

Question

I have a html page structure something like this,

<body>
  <table id = "a">
    <tr>
      <td id = "x"></td>
      <td id = "b">
         <div id = "y"></div>
         <div id = "c">
            <iframe id = "d"/>
          </div>
      </td>
  </tr>
</table>
</body>

I have tried using getElementById() on all elements then,

var iframe = document.getElementById('d');
iframe.src = iframe.src;

But, the getElementById() returns null. Please help!

PS: iframe is from the same domain. Need strictly JS code. No JQuery please.

Edit: How can i access the iframe ?

getElementById() works fine see https://jsfiddle.net/fg6qzvay/ — bhansa, Apr 09 '17 at 17:31

score 2 · Accepted Answer · edited May 23 '17 at 12:17

2

document.getElementById('some_frame_id').contentWindow.location.reload();

Look like a duplicate of here

edited May 23 '17 at 12:17

Community

1
1

answered Apr 09 '17 at 17:31

Deanmv

1,191
9
13

score 0 · Answer 2 · answered Apr 09 '17 at 17:34

try to using :

<body>
<table class= "a">
 <tr>
  <td class= "a"></td>
   <td class= "a">
     <div class= "a"></div>
     <div class= "a">
        <iframe class= "a"/>
      </div>
    </td>
 </tr>
 </table>
 </body>

and js :

document.getElementsByClassName("a");

Try it Yourself »

How can I access and reload this iframe?

2 Answers2