重複の可能性:
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>