'tHead' Example : Table Head : Table JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Table » Table Head »

 

'tHead' Example



    
<html>
<body>
<script language="JavaScript">
function function1() {
    document.all.myTable.tHead.style.backgroundColor = "blue";
}
function function2() {
    document.all.myTable.tFoot.style.backgroundColor = "red";
}
</script>
<table id="myTable" border="1" width="500">
   <thead>
      <tr>
          <td>tHead, Cell 1</td>
      </tr>
   </thead>
   <tbody>
       <tr>
           <td>tBody, Cell 2</td>
       </tr>
       <tr>
           <td>tBody, Cell 3</td>
       </tr>
       <tr>
           <td>tBody, Cell 4</td>
       </tr>
   </tbody>
   <tfoot>
       <tr>
           <td>tFoot, Cell 5</td>
       </tr>
   </tfoot>
</table>
<button onclick="function1();">Turn Head Blue</button>
<button onclick="function2();">Turn Foot Red</button>
</body>
</html>

    
      
      



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Table
» Table Head