jQuery - Método html ()

Descripción

los html( val )El método obtiene el contenido html (innerHTML) del primer elemento coincidente. Esta propiedad no está disponible en documentos XML.

Sintaxis

Aquí está la sintaxis simple para usar este método:

selector.html( )

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este método:

<html>
   <head>
      <title>The jQuery 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() {
            $("div").click(function () {
               var content = $(this).html();
               $("#result").html(content);
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>	
   </head>
		
   <body>
      <p>Click on any square below to see the result:</p>
      <p id = "result"> THIS IS TEST </p>
		
      <div class = "div" style = "background-color:blue;">
         <h1>This is square one </h1>
      </div>
		
      <div class = "div" style = "background-color:green;">
         <h1>This is square two </h1>
      </div>
		
      <div class = "div" style = "background-color:red;">
         <h1>This is square three </h1>
      </div>
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-dom.htm

↰ Previous page