创建表格标题

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function createCaption(id) {
  6.   document.getElementById(id).createCaption().innerHTML = "我的新标题";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <table id="myTable" style="border: 1px solid black">
  13.   <tr>
  14.     <td>Row1 cell1</td>
  15.     <td>Row1 cell2</td>
  16.   </tr>
  17.   <tr>
  18.     <td>Row2 cell1</td>
  19.     <td>Row2 cell2</td>
  20.   </tr>
  21. </table>
  22.  
  23. <p>
  24. <input type="button" onclick="createCaption('myTable')" value="创建标题">
  25. </p>
  26.  
  27. </body>
  28. </html>