masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > Bagaimana untuk membuat pengepala jadual menggunakan JavaScript DOM?

Bagaimana untuk membuat pengepala jadual menggunakan JavaScript DOM?

王林

Lepaskan： 2023-09-11 21:49:11

ke hadapan

1400 orang telah melayarinya

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

Untuk mencipta tajuk jadual, gunakan kaedah DOM createCaption().

Contoh

Anda boleh cuba jalankan kod arahan berikut untuk mengetahui cara membuat pengepala jadual -

Demo Langsung

<!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>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk membuat pengepala jadual menggunakan JavaScript DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：tutorialspoint.com

Artikel sebelumnya：Dalam HTML, laksanakan skrip apabila media dijeda oleh pengguna atau program? Artikel seterusnya：JavaScript dan REST API untuk melaksanakan penomboran skrol tak terhingga

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang