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>

Advertisements