2012-05-03 96 views
-1

我正在努力爲自己的考試學習,並且我認爲自己正在這樣做的權利... 我想根據您點擊哪個單元格來更改表格的顏色(字體或背景) 我以爲我指的是右表,但是這個代碼是不工作...我不知道我做錯了,我會很感激任何幫助或解釋,你可以提供使用javascript更改表格的顏色

<html> 
    <script language="text/JavaScript"> 
      function changeFont(color){ 
       document.getElementbyId("miTabla").style.backgroundColor = color; 
      } 
      function changeBack(color){ 
       document.getLementbyId("miTabla").style.font.color = color; 
      } 
     </script> 
    <body> 
     <header>Tabla de ejemplo</header> 
     <table id="miTabla" border="2"> 
       <tr> 
       <td>changeFont</td> 
       <td onclick="changeFont('#FF0000');">red</td> 
       <td onclick="changeFont('#FFFF00');">yellow</td> 
       <td onclick="changeFont('#0000FF');">blue</td> 
      </tr><tr> 
       <td>changeBack</td> 
       <td onclick="changeBack('#FFFFFF');">white</td> 
       <td onclick="changeBack('#808080');">gray</td> 
       <td onclick="changeBack('#000000');">black</td> 
      </tr> 
     </table> 
    </body> 
</html> 

回答

2

更改getLementbyIdgetElementbyIdgetElementById並將font.color更改爲color

 function changeFont(color){ 
      document.getElementById("miTabla").style.color = color; 
     } 
     function changeBack(color){ 
      document.getElementById("miTabla").style.backgroundColor = color; 
     } 

changeFont也可更適當命名changeForeground

+0

嗨,tnx檢查出那些錯誤...我做了你的修正,但它仍然不工作,它不會根據點擊的單元格改變顏色...爲什麼? :( –

+0

nevermind !!我發現我的mystake我正在使用language =「text/JavaScript」而不是type =「text/JavaScript」:D –

+0

@IgnacioPochart:你不需要*任何*那個''工作得很好,完全有效。 –

0

設置backgroundColor是正確的,但font.color發生了什麼?那個是從哪裏來的?

只需使用style.color

而且,固定錯字在第二個 「得到 薩爾瓦多 ementById」。

+0

tnx的擡頭! –