JavaScriptを使用して、テーブルの色を変更

-2

可能性の重複：セルがクリックされたかに応じて、表全体のフォントの色や背景色を変更しようとしているこの問題イム用
change colors of table with javascript JavaScriptを使用して、テーブルの色を変更

（黄色セルはテーブルの中のすべてのフォントを黄色に変えます...）私の構文は正しいが、私のロジックは悲しいことに、isnt ...あなたは正しい方向に私を向けることができますか？これはコードです：

<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>

出典

2012-05-03 Ignacio Pochart

気にしません！私はそれを解決した！：Dあなたが合っているように、このスレッドを閉じると申し訳ありません –

@IgnacioPochart：あなたはそれを削除することができます。 –

<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>

出典

2012-05-03 01:52:41 Chase

あなたがしたことは、ページの読み込み直後ではなく、クリックして実行することになっているという点では意味をなさない文書の先頭にjsを置くことでした。 – Daedalus

コードをテスト用にローカルにコピーしたのかどうかはわかりませんが、意図したとおりに動作します。セルがクリックされると、関数が呼び出されます。彼はそれを持っていたので、機能は見つからなかった。それを打つとそれが動作しない場合は、コメントを削除するよりも幸せになるだろう=） – Chase

私は言ったことを取り戻す、私は謝罪する。私もあなたに投票しました。 – Daedalus

JavaScriptを使用して、テーブルの色を変更

答えて

関連する問題