Question

可能重复：
change colors of table with 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>

Answer 1

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

用javascript改变表的颜色

1 个答案: