How to create div dynamically using jQuery?

jQueryWeb DevelopmentFront End Technology

To create a div dynamically, use the html() method. You can try to run the following code to learn how to create a div dynamically on button click −

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(){
      $("button").click(function(){
        $("body").html("<div>This is a new div.</div>");
      });
    });
</script>
</head>
<body>

  <button>Create a new div</button>

<p>This is demo text.</p>
</body>
</html>
raja
Published on 30-Jul-2018 16:11:46
Advertisements