Facebook
From Insensitive Hamster, 7 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. table, td {
  6.     border: 1px solid black;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11.  
  12. <p>Click the button to change the content of the first table cell.</p>
  13.  
  14. <table id="myTable">
  15.  
  16.  <tr>
  17.    <th onclick="myFunction(this)"><button >Try it</button></th>
  18.    <th onclick="myFunction(this)"><button >Try it</button></th>
  19.  </tr>
  20.   <tr>
  21.     <td>1</td>
  22.     <td>2</td>
  23.   </tr>
  24.   <tr>
  25.     <td>1</td>
  26.     <td>2</td>
  27.   </tr>
  28.   <tr>
  29.     <td>1</td>
  30.     <td>2</td>
  31.   </tr>
  32.   <tr>
  33.     <td>1</td>
  34.     <td>2</td>
  35.   </tr>
  36. </table>
  37. <br>
  38.  
  39.  
  40.  
  41. <script>
  42. function myFunction(a) {
  43.  
  44.  var oTable = document.getElementById('myTable');
  45.          var q = oTable.rows.length;
  46. var i;
  47. for (i = 1; i < q; i++) {
  48.    
  49.    
  50.     var x = document.getElementById("myTable").rows[i].cells;
  51.     x[a.cellIndex].innerHTML = x[a.cellIndex].innerHTML + " , information";
  52. }
  53.    
  54.     //alert("Cell index is: " +);
  55.    
  56.    
  57. }
  58. </script>
  59.  
  60. </body>
  61. </html>
  62.  
  63.  
  64.  
  65.  
  66.        
  67.