Check if specific text exists in iframe using javascript

Question

I got this iframe:

<iframe id="frami" src="http://192.168.178.22/file.html"></iframe>

which contains the text:

var m1_enable="1"; var m1_x="0"; var m1_y="570"; var m1_w="1920"; var m1_h="510"; var m1_sensitivity="50"; var m1_threshold="0";

How can I check if m1_enable="1" exists in the iframe?

I tried this now:

iframe_html = document.getElementById('frami').contentWindow.document.body.innerHTML;
if(iframe_html.includes("var")){
    alert();
}
else{
}

Please share some code snippet to show what you have tried till now. — sonali
– sonali, Commented Jan 17, 2021 at 20:04

sonali · Accepted Answer · 2021-01-17 20:03:25Z

1

iframe tag has a property called contentDocument that returns the document object generated by an iframe and another called contentWindow that returns the window object generated by an iframe. You can check if "m1_enable="1" by

var x = document.getElementById("frami");
  var y = (x.contentWindow || x.contentDocument);
  if (y.document) y = y.document;
  if (y.body.textContent.indexOf('m1_enable="1"')>-1){
    alert('found the phrase'
  }

answered Jan 17, 2021 at 20:03

sonali

75810 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dominik Weber Over a year ago

Unfortunately this doesn't work for me. I correct the alert with ')' but it still dont alert me

sonali Over a year ago

what do you get when you console.log y.body.textContent

sonali Over a year ago

check your variable names and Id's, Share the code snippet

iamdlm · Accepted Answer · 2021-01-17 20:04:38Z

1

You can get the HTML from iframe with:

iframe_html = document.getElementById('iframe').contentWindow.document.body.innerHTML

And check if it includes m1_enable="1" with:

iframe_html.includes("m1_enable='1'")

This will work only if the frame source is on the same domain. If it is from a different domain, cross-site-scripting (XSS) protection will kick in.

answered Jan 17, 2021 at 20:04

iamdlm

1,9891 gold badge11 silver badges24 bronze badges

10 Comments

Dominik Weber Over a year ago

I use now:

iframe_html = document.getElementById('frami').contentWindow.document.body.innerHTML; if(iframe_html.includes("m1_enable='1'")){     alert(); }

but I dont get an alert... I'm on the same domain though

iamdlm Over a year ago

What does console.log(iframe_html) prints to console?

Dominik Weber Over a year ago

It logs "undefined" Could it be a problem, that the iframe source uses <body cz-shortcut-listen="true"> as body tag?

iamdlm Over a year ago

Did you changed the iframe id to frami in document.getElementById('iframe')?

Dominik Weber Over a year ago

Yes I did. I'm wondering, that NONE solution is working...

|

user1499210 · Accepted Answer · 2021-01-17 20:15:54Z

1

If your iframe is on the same domain it is document.getElementById('frami').contentWindow['m1_enable'] (if this isn't null, compare with 1 with ==1). otherwise, look at window.postMessage

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

edited Jan 17, 2021 at 20:15

answered Jan 17, 2021 at 20:02

user1499210

563 bronze badges

3 Comments

user1499210 Over a year ago

Can you clarify, are you actually looking for text in the body of the document? It looks like you are trying to check the value if a javascript variable.

Dominik Weber Over a year ago

The iframe i include is the return of a cgi response. I want to change the color of a button if m1_enable=1 to green and if not to red.

user1499210 Over a year ago

I would try var btnColour =document.getElementById('frami').contentWindow['m1_enable'] ; if(btnColour !=null && btnColour == 1) {//set to green}else{//set to red} - sorry about the formatting, typing in phone. Using ==1 will return true if it is either a string or an integer.

Collectives™ on Stack Overflow

Check if specific text exists in iframe using javascript

3 Answers 3

3 Comments

10 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

10 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related