How to replace innerHTML of a div tag using jQuery?

jQuery Web Development Front End Technology

To replace innerHTML of a div tag, use the html() method. The dot notation calls the html() method to replace the inner html with the parameter placed between, i.e. Demo here. The html() here modifies the .innerhtml.

Example

You can try to run the following code to to replace innerHTML of a div tag using jQuery −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script>
  <script>
     $( document ).ready(function() {
       $('.myclass').html('Demo');
     });
</script>
</head>
<body>
 <div class="myclass">Hello World</div>
</body>
</html>

Ricky Barnes

Updated on: 14-Feb-2020

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started