为表格创建了一个标题

  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>