Get HTML Content of an Element Using jQuery



To get HTML content of an element using jQuery, use the html() method. The html() method gets the html contents of the first matched element.

Example

You can try to run the following code to get HTML content of an element 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>
$(document).ready(function(){
  $("#button1").click(function(){
    var res = $('#demo').html();
    alert(res);
  });
});
</script>
</head>
<body>

<div id="demo"> This is <b>demo</b> text.
</div>
<button id="button1">Get</button>
</body>
</html>
Updated on: 2019-12-17T08:10:00+05:30

18K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements