add element to iframe

Mystic Dev answered on June 21, 2022 Popularity 9/10 Helpfulness 5/10

answer add element to iframe

add element to iframe

Comment

<html lang="en">
<head>
  <title> Add button inside iframe using javascript</title>
</head>
<body>
  <p>Click on the <b>Add Button</b> to append a new button element inside the iframe.</p>
  <button onclick="addBtn()">Add button</button>

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

<script>
function addBtn() {
  const myIframe = document.getElementById("iframe-id");
  const divElement = myIframe.contentWindow.document.querySelector('#div');
  const newElement = document.createElement('button');
  newElement.innerHTML="New Button Element";
  divElement.appendChild(newElement);
 }
</script>
</body>
</html>

Popularity 9/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: add element iframe whatever

Link to this answer
Share Copy Link

Contributed on Jun 21 2022

Mystic Dev

0 Answers Avg Quality 2/10

add element to iframe

Contents

More Related Answers

add element to iframe

Grepper

Documentation

Social

Legal

Contact

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