Jak zmienić kolor tła komórki w tabeli za pomocą skryptu java

Question

Jul 17, 2012, 08:34 AM

Jak zmienić kolor tła komórki w tabeli za pomocą skryptu java

Muszę zmienić kolor tła pojedynczej komórki w tabeli za pomocą skryptu java.

Podczas dokumentu potrzebuję stylu wszystkich komórek, które powinny być takie same (więc używaj arkusza stylów, aby to dodać.), Ale przy kliknięciu przycisku muszę zmienić kolor pierwszej komórki.

Poniżej znajduje się przykładowy kod

<html lang="en">
  <head>    
    <script type="text/javascript" >        

    function btnClick()
    {
            var x = document.getElementById("mytable").cells;
            x[0].innerHTML = "i want to change my cell color";
            x[0].bgColor = "Yellow";            
    }
    </script>   
</head>
    <style>
    div
    {
    text-align: left; 
    text-indent: 0px; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    }
    td.td
    {
                 border-width : 1px; 
                 background-color: #99cc00;
                 text-align:center;

    }
    </style>  
  <body>
  <div>  
    <table id = "mytable" width="100%" border="1" cellpadding="2" cellspacing="2" style="background-color: #ffffff;">
      <tr valign="top">
      <td class = "td"><br />  </td>
      <td class = "td"><br />  </td>
      </tr>
      <tr valign="top">
      <td class = "td"><br />  </td>
      <td class = "td"><br />  </td>
      </tr>
    </table>
  </div>
      <input type="button" value="Click" OnClick = "btnClick()">
  </body>
</html>