在Javascript中更改背景颜色

Question

当鼠标悬停时，我正在尝试更改表格的背景颜色。我该如何解决？

我收到此错误：Google Chrome中的“意外令牌错误”

    echo '<table id="a1" onmouseover="document.getElementById(\'a1\').backgroundColor = #CCCCCC;">
    <td align="center"></td></table>';

我做错了什么？

Answer 1

#CCCCCC应该是一个字符串，''＃CCCCCC \'

Answer 2

function changeBackground(color) {
   document.getElementById('a1').backgroundColor = color;
}

<table id="a1" onmouseover="changeBackground('red');">

Answer 3

试试这个。

echo '<table id="a1" onmouseover="this.style.backgroundColor=\'#ccc\'" onmouseout="this.style.backgroundColor=\'#000\'">
<td align="center"></td></table>';

由于，

1. backgroundColor是style的{​​{1}}属性的属性。
2. HTMLElement应在引号中

理想情况下，您应该在这样的场景中使用强大的#CCCCCC关键字。

Answer 4

使用CSS来关闭它，它会运行得更快，看起来更好（你不会遇到任何棘手的边缘情况）。

#a1 {
    background-color: #FFF;
}

#a1:hover {
    background-color: #CCC;
}