-2

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

1 に答える 1

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>
于 2012-05-03T01:52:41.327 に答える