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