2012-05-03 27 views
-2

可能重复:
change colors of table with javascript改变表的颜色与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> 
+0

没关系!我解决了它! :D对不起ducplicate关闭这个线程,你认为合适 –

+1

@IgnacioPochart:你可以删除它,如果你想。 –

回答

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

你所做的只是把他的js放在文档的头部,这并不合理,因为它应该在点击时执行,而不是在页面加载时立即执行。 – Daedalus

+0

我不确定您是否已经将本地代码复制到本地进行测试,但它按预期工作。当单元格被点击时,函数被调用。就像他所做的那样,这些功能并没有被发现。给它一个镜头,如果它不工作,我会非常乐意删除评论=) – Chase

+0

我收回我说的,我很抱歉。我也投票支持你。 – Daedalus