Attributs: fonction html

  • Variantes:

Récupère le contenu du premier élement trouvé. Ne fonctionne pas sur les documents XML (a l'exception des documents XHTML).

Version: disponible depuis la version 1.0 de JQuery

Valeur de retour: String

Exemple :

Affiche le contenu du premier div trouvé.

$("p").click(function () {
      var htmlStr = $(this).html();
      $(this).text(htmlStr);
    });
  <html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript">
  	$(document).ready(function(){
  		$("p").click(function () {
      var htmlStr = $(this).html();
      $(this).text(htmlStr);
    });
  	});
  </script>
  
  <style>
  
  p { margin:8px; font-size:20px; color:blue; 
      cursor:pointer; }
  b { text-decoration:underline; }
  button { cursor:pointer; }
  
  </style>
  </head>
  <body>
  	
<p>
    <b>Cliquez</b>pour changer le <span id="tag">html</span>
  </p>
  <p>
    en noeud <span id="text">text</span>.
  </p>
  <p>
  Ici, un <button name="nada">bouton</button>.
  </p>

  </body>
  </html>

0 Commentaire (afficher/poster)

Permet de modifier le contenu d'un élement.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • valeur (String): nouveau contenu de l'élement

Valeur de retour: objet jQuery

Exemple :

Ajoute du contenu pour chacun des éléments div présents dans la page.

$("div").html("<b>coucou !</b>");
  <html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript">
  	$(document).ready(function(){
  		$("div").html("<b>coucou !</b>");
  	});
  </script>
  
  <style>
  
  .red { color:red; }
  
  </style>
  </head>
  <body>
  	  
  <span>Hello</span>
  <div></div>
  <div></div>
  <div></div>

  </body>
  </html>

0 Commentaire (afficher/poster)