Breaking News: Grepper is joining You.com. Read the official announcement!

apply css to iframe content javascript

Add Answer

Sakinur Rahman answered on February 1, 2021 Popularity 10/10 Helpfulness 4/10

answer apply css to iframe content javascript

related html iframe and JS contentwindow

related use javascript to control iframe elements

related js set iframe src

related js set iframe code

apply css to iframe content javascript

Comment

<script>
    setInterval(function(){
      document.getElementById("iframeId").classList.add('your-class')
    },500);
  </script>

Now you need to write css code with your class name. Thank you

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: add apply cross-domain css html iframe javascript

Link to this answer
Share Copy Link

Contributed on Jul 27 2022

Sakinur Rahman

0 Answers Avg Quality 2/10

Closely Related Answers

html iframe and JS contentwindow

Comment

var x = document.getElementsByTagName("iframe")[0].contentWindow;
//x = window.frames[0];

x.document.getElementsByTagName("body")[0].style.backgroundColor = "blue";
// this would turn the 1st iframe in document blue.

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: developer.mozilla.org

Tags: html

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Red Team

0 Answers Avg Quality 2/10

use javascript to control iframe elements

Comment

<iframe id="myIFrame" src="thispage.html"
    width="100%" height="600"
    frameBorder="2">
</iframe>

// Get the iframe
const iFrame = document.getElementById('myIFrame');

// Let's say that you want to access a button with the ID `'myButton'`,
// you can access via the following code:
const buttonInIFrame = iFrame.contentWindow.document.getElementById('myButton');

// If you need to call a function in the iframe, you can call it as follows:
iFrame.contentWindow.yourFunction();

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: elements element

Link to this answer
Share Copy Link

Contributed on May 02 2021

Idaho Potato

0 Answers Avg Quality 2/10

js set iframe src

Comment

<script type="text/javascript">
function iframeDidLoad() {
    alert('Done');
}

function newSite() {
    var sites = ['http://getprismatic.com',
                 'http://gizmodo.com/',
                 'http://lifehacker.com/']

    document.getElementById('myIframe').src = sites[Math.floor(Math.random() * sites.length)];
}    
</script>
<input type="button" value="Change site" onClick="newSite()" />
<iframe id="myIframe" src="http://getprismatic.com/" onLoad="iframeDidLoad();"></iframe>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: iframe if

Link to this answer
Share Copy Link

Contributed on Feb 01 2021

FloatDev

0 Answers Avg Quality 2/10

js set iframe code

Comment

var html_string= "content";
document.getElementById('output_iframe1').src = "data:text/html;charset=utf-8," + escape(html_string);

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: iframe if

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Dizzy Dunlin

0 Answers Avg Quality 2/10

js change iframe content

Comment

$(iframeSelector).contents().find('html').html(htmlContent);

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: iframe if

Link to this answer
Share Copy Link

Contributed on May 26 2022

i am Shaey

0 Answers Avg Quality 2/10

js change iframe content

Comment

<iframe src="javascript:void(0);"></iframe>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: iframe if

Link to this answer
Share Copy Link

Contributed on May 26 2022

i am Shaey

0 Answers Avg Quality 2/10

put html in iframe

Comment

<h1>abc</h1>

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html iframe put

Link to this answer
Share Copy Link

Contributed on Sep 24 2021

Grotesque Goat

0 Answers Avg Quality 2/10

apply css to iframe content javascript

Contents

More Related Answers

apply css to iframe content javascript

Closely Related Answers

html iframe and JS contentwindow

use javascript to control iframe elements

js set iframe src

js set iframe code

js change iframe content

js change iframe content

put html in iframe

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.