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

iframe hide div

Add Answer

Mystic Dev answered on January 16, 2022 Popularity 9/10 Helpfulness 5/10

answer iframe hide div

related hide div inside iframe

related html js hide or show iframe

iframe hide div

Comment

<html lang="en">
<head>
  <title>Hide element inside iframe using javascript</title>
</head>
<body>
  <p>Click on the <b>Hide Div</b> button to hide the div element inside the iframe.</p>
  <button onclick="hideDiv()">Hide Div</button>

  <iframe id="iframe-id" src="https://search.3schools.in/p/example.html" style="height:370px;width:100%">      </iframe>

<script>
function hideDiv() {
  var myIframe = document.getElementById("iframe-id");
  var divElement = myIframe.contentWindow.document.querySelector("#div");
  divElement.style.display = "none";
}
</script>
</body>
</html>

Popularity 9/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: hide html iframe

Link to this answer
Share Copy Link

Contributed on Jun 21 2022

Mystic Dev

0 Answers Avg Quality 2/10

Closely Related Answers

hide div inside iframe

Comment

$("#myiframe").contents().find("#myContent").hide();

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: hide

Link to this answer
Share Copy Link

Contributed on Jun 21 2022

Mystic Dev

0 Answers Avg Quality 2/10

html js hide or show iframe

Comment

$(document).ready(function(){
  $('#hideshow').on('click', function(event) {        
     $('.content').toggle('show');
  });
});
$(document).ready(function(){
  $('#hideshow2').on('click', function(event) {        
     $('.content2').toggle('show');
  });
});

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: hide html iframe ifr

Link to this answer
Share Copy Link

Contributed on Jan 16 2022

Nice Narwhal

0 Answers Avg Quality 2/10

html js hide or show iframe

Comment

<button id='hideshow'>Link1</button>
<div class="panel">
  <iframe src="linkcodehere" class="content" style="border:0;display:none"></iframe>
  <br/>
  <p class="content" style="display:none;">some stuff</p>
  <p class="content" style="display:none;">more stuff</p>
</div>
<button id="hideshow2">Link2</button>
<div class="panel2">
  <iframe src="linkcodehere2" class="content2" style="border:0; display:none;"></iframe>
  <br/>
  <p class="content2" style="display:none;">some stuff</p>
  <p class="content2" style="display:none;">more stuff</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: hide html iframe if

Link to this answer
Share Copy Link

Contributed on Jan 16 2022

Nice Narwhal

0 Answers Avg Quality 2/10

iframe hide div

Contents

More Related Answers

iframe hide div

Closely Related Answers

hide div inside iframe

html js hide or show iframe

html js hide or show iframe

Grepper

Documentation

Social

Legal

Contact

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