How to set HTML content of an element using jQuery?

jQuery Web Development Front End Technology

To set the HTML content of an element, use the html() method. You can try to run the following code to get HTML content of an element using jQuery −

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(){
        $("#demo").html("<strong>This text is highlighted.</strong>");
    });
});
</script>
</head>
<body>

<p id="demo">This is a paragraph.</p>
<button id="button1">Click to set HTML</button>

</body>
</html>

David Meador

Updated on: 17-Feb-2020

577 Views

Kickstart Your Career

Get certified by completing the course

Get Started