Question

How to set the background color of an iframe with JavaScript

Answer 1

<!DOCTYPE html>
<html>
  
<head>
</head>
  
<body>

<iframe id="iframe-id" src="your-source-file.htm"></iframe>

<script>        

function set_iframe_background_color() 
{
    document.getElementById("iframe-id").style.backgroundColor = "cornflowerblue";
}

/*
run:
  
on button click the color in iframe with change to "cornflowerblue"
    
*/

</script>

<button onclick="set_iframe_background_color()">Set iframe background color</button>

<p id="p-id"></p>

</body>
</html>

 

70+ SQL courses for beginners and professionals