How can I set the content of an iframe without src using jQuery?



To set the content of an iframe without src, use the jQuery html() method. You can try to run the following code to learn how to set the content of an iframe without src attribute −

Example

Live Demo

<html>
  <head>
   <title>jQuery Selector</title>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">  
   </script>
   <script>
   $(document).ready(function() {
    var context = $('iframe')[0].contentWindow.document;
    var $body = $('body', context);
    $body.html('Hello World!');
  });
  </script>
  </head>
<body>
  <iframe style="border-style: dotted;"></iframe>  
</body>
</html>

Advertisements