2012-05-03 67 views
-2

可能重複:
change colors of table with javascript改變表的顏色與JavaScript

對於這個問題我嘗試改變取決於整個表的字體顏色和背景顏色在其上單擊的單元格(黃色細胞變成黃色的表中的所有字體...) 即時通訊相當確定我的語法是正確的,但我的邏輯可悲,沒有...你們能指點我在正確的方向? 這是代碼:

<html> 
<script language="text/JavaScript"> 
     function changeFont(color){ 
      document.getElementById("miTabla").style.color = color; 
     } 
     function changeBack(color){ 
      document.getElementById("miTabla").style.backgroundColor = color; 
     } 
    </script> 
<body> 
    <header>Tabla de ejemplo</header> 
    <table id="miTabla" border="2"> 
      <tr onclick="changeFont('red');"> 
      <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> 
+0

沒關係!我解決了它! :D對不起ducplicate關閉這個線程,你認爲合適 –

+1

@IgnacioPochart:你可以刪除它,如果你想。 –

回答

2
<html> 
<head> 
<script> 
     function changeFont(color){ 
      document.getElementById("miTabla").style.color = color; 
     } 
     function changeBack(color){ 
      document.getElementById("miTabla").style.backgroundColor = color; 
     } 
    </script> 
</head> 
<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> 
+0

你所做的只是把他的js放在文檔的頭部,這並不合理,因爲它應該在點擊時執行,而不是在頁面加載時立即執行。 – Daedalus

+0

我不確定您是否已經將本地代碼複製到本地進行測試,但它按預期工作。當單元格被點擊時,函數被調用。就像他所做的那樣,這些功能並沒有被發現。給它一個鏡頭,如果它不工作,我會非常樂意刪除評論=) – Chase

+0

我收回我說的,我很抱歉。我也投票支持你。 – Daedalus