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>

Updated on: 20-Jun-2020

930 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements