If Statement To Check if a Table is contained in an Iframe

Question

Sorry if this question seems basic, but I cannot find any simple explanations and I'm new to JavaScript, so please give any help/feedback you can.

Basically I have an HTML iframe called iframe, and I would like a JavaScript if-statement to see if any <table> objects are in it. I don't know exactly how to reference that in the if-statement. Any help would be much appreciated.

Possible duplicate of [jQuery, select element inside iframe, which is inside an iframe](https://stackoverflow.com/questions/15343955/jquery-select-element-inside-iframe-which-is-inside-an-iframe) — Ullas Hunka, Jul 11 '18 at 09:08
If the URL of is **same origin** (_domain, port, and protocol_), see @Abhinav Manoj 's answer. If not, you can't do it with javascript. (You can try PHP `curl` fetch + AJAX get.) — Jason, Jul 11 '18 at 09:37

score 0 · Answer 1 · answered Jul 11 '18 at 09:08

0

As far as I know you usually cannot access the content of an iframe due to Same Origin policy.

answered Jul 11 '18 at 09:08

Anorionil

505
2
7
17

score 0 · Accepted Answer · answered Jul 11 '18 at 09:24

0

So you want to check whether there is any table in the frame.

For that, give the iframe an id , like

<iframe id ="myFrame">
    <!-- your code goes here -->
</iframe>

then in the JavaScript code:

var frame = document.getElementById("myFrame");
var len = frame.getElementsByTagName("TABLE").length;
if ( len == 0 ){
  // the frame contains no tables
}
else{
   // the frame contains one or more tables
}

Hope this helps

answered Jul 11 '18 at 09:24

Abhinav

42
8

Thank you! This is exactly what I was looking for. – Ian Moore Jul 11 '18 at 10:46
Glad to hear that. Mark this as the correct answer so that it will be a help for others – Abhinav Jul 11 '18 at 14:38

If Statement To Check if a Table is contained in an Iframe

2 Answers2