jQuery - html( val ) Method
Advertisements
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://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.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
Advertisements