How to get content of div which contains JavaScript script blocks?


To get the content of div which contains JavaScript script blocks, use the html() method. You can try to run the following code to get the content. With html(), get the content of div, which includes the JavaScript script.

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           $("#button1").click(function(){
             alert($("#demo").html());  
           });
         });
      </script>
   </head>
   <body>
      <div id="demo">
         This is demo text.
         <script>
            This is JavaScript
         </script>
      </div>
      <button id="button1">Get</button>
   </body>
</html>

Updated on: 27-Jun-2022

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements