jQuery - html( val ) Method

Description

The html( val ) method sets the html contents of every matched element. This property is not available on XML documents but it works for XHTML documents.

Syntax

Here is the simple syntax to use this method −

selector.html( val )

Parameters

Here is the description of all the parameters used by this method −

val − Any string

Example

Following example would get HTML content of first paragraph and would display it in second paragraph. Please check description of html() method as well.

Live Demo

<html>
   <head>
      <title>The Selecter Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
   
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            var content = $("p").html();
            $("#pid2").html( content );
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>	
   </head>
	
   <body>
      <p class = "green" id = "pid1">This is first paragraph.</p>
      <p class = "red" id = "pid2">This is second paragraph.</p>
   </body>
</html>

This will produce following result −

jquery-attributes.htm