改变表格边框的宽度

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function changeBorder(id) {
  6.   document.getElementById(id).style.border = "5px solid";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <table style="border:1px solid black" id="myTable">
  13.   <tr>
  14.     <td>100</td>
  15.     <td>200</td>
  16.   </tr>
  17.   <tr>
  18.     <td>300</td>
  19.     <td>400</td>
  20.   </tr>
  21. </table>
  22.  
  23. <p>
  24. <input type="button" onclick="changeBorder('myTable')" value="更改边框">
  25. </p>
  26.  
  27. </body>
  28. </html>