Table Cell 'background' Example : Cell « Table « JavaScript DHTML






Table Cell 'background' Example

 
    
<html>
<head>
<script>
    function function1() {
        document.all.myTD.background = "http://www.java2s.com/style/logo.png"; 
    } 
    function function2() {
        document.all.myTD.background = "";
    } 
</script>
</head>
<body bgcolor="white" text="white">
<table>
   <tr> 
      <td id="myTD" height="79" bgcolor="green">Cell 1 content</td>
      <td height="79">Cell 2 content</td>
      <td height="79">Cell 3 content</td>
   </tr>
</table>
<input type="button" name="button2" value="Add background image to Cell 1" onClick="function1();">
<input type="button" name="button3" value="Remove background image" onClick="function2();">
</body>
</html>

    
      
        
  








Related examples in the same category

1.Table Cell background Color Example
2.Delete a Cell
3.Insert Cell Example
4.Table cell Index Example
5.Table cell Spacing Example
6.Table 'cellPadding' Example
7.Inserrt a table cell