How to set HTML content of an element using jQuery?

jQueryWeb DevelopmentFront 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>
raja
David Meador
Published on 21-Dec-2017 09:25:03
Previous Page Print Page
Next Page  
Advertisements