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

Published on 21-Dec-2017 09:25:03

Previous Page Print Page