communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > Comment créer un en-tête de tableau à l'aide de JavaScript DOM ?

Comment créer un en-tête de tableau à l'aide de JavaScript DOM ?

王林

Libérer： 2023-09-11 21:49:11

avant

1400 Les gens l'ont consulté

如何使用JavaScript DOM创建表格标题？

Pour créer un titre de tableau, utilisez la méthode DOM createCaption().

Exemple

Vous pouvez essayer d'exécuter le code de commande suivant pour apprendre à créer des en-têtes de tableau -

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script>
         function captionFunc(x) {
            document.getElementById(x).createCaption().innerHTML = "Demo Caption";
         }
      </script>
   </head>
   <body>
      <table style="border:2px solid black" id="newtable">
         <tr>
            <td>One</td>
            <td>Two</td>
         </tr>
         <tr>
            <td>Three</td>
            <td>Four</td>
         </tr>
         <tr>
            <td>Five</td>
            <td>Six</td>
         </tr>
      </table>
      <p>
         <input type="button" onclick="captionFunc(&#39;newtable&#39;)" value="Display Table Caption">
      </p>
   </body>
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source：tutorialspoint.com

Article précédent：En HTML, exécuter un script lorsque le média est mis en pause par l'utilisateur ou le programme ? Article suivant：API JavaScript et REST pour implémenter une pagination à défilement infini

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur