在Javascript中更改背景颜色

我试图在鼠标悬停时更改表格的背景色。我怎么修理它

我在Google Chrome中遇到了这个错误：“意外的令牌错误”

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

echo'
';

我做错了什么？

CCCCCC应该是字符串，\''CCCCCC\'

CCCCCC应该是字符串，\''CCCCCC\'

函数更改背景（颜色）{ document.getElementById（'a1'）。backgroundColor=color； }

功能更改背景（颜色）{
document.getElementById（'a1'）。backgroundColor=color；
}

试试这个

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

echo'
';

因为

backgroundColor

是

style的属性

是

HTMLElement

的属性

#中交

应加引号

理想情况下，您应该在这样的场景中使用强大的

this

关键字。

试试这个

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

echo'
';

因为

backgroundColor

是

style的属性

是

HTMLElement

的属性

#中交

应加引号

---

理想情况下，您应该在这样的场景中使用强大的

this

关键字。

使用CSS来实现这一点，它会运行得更快，看起来更漂亮（不会出现任何扭曲的边缘情况）

---

使用CSS来实现这一点，它将运行得更快，看起来更好（你不会得到任何扭曲的边缘情况）

---

这可以在css中完成。。。使用αa1：悬停{背景颜色：γccc}；}您可能想考虑通过CSS或jQuery来实现这一点。回显一大堆js事件将不会非常有效或易于维护。如果你对这些选择有疑问，就问吧@Herman先生，jQuery也是Javascript，即使他必须用JS来做这件事，jQuery也太过分了。@omeid-我知道jQuery是Javascript=）。他可以在jQuery的一行中编写这个。或者他可以编写大量javascript或大量冗余javascript。为什么不使用使您的开发快速而简单的工具呢？当然，这一切都是毫无意义的，因为真正的答案是CSS。@Tsherman先生：你的快速开发不应该耗费资源。这可以在CSS中完成。。。使用αa1：悬停{背景颜色：γccc}；}您可能想考虑通过CSS或jQuery来实现这一点。回显一大堆js事件将不会非常有效或易于维护。如果你对这些选择有疑问，就问吧@Herman先生，jQuery也是Javascript，即使他必须用JS来做这件事，jQuery也太过分了。@omeid-我知道jQuery是Javascript=）。他可以在jQuery的一行中编写这个。或者他可以编写大量javascript或大量冗余javascript。为什么不使用使您的开发快速而简单的工具呢？当然，这一切都是毫无意义的，因为真正的答案是CSS。@Tsherman先生：你的快速开发不应该耗费资源。谢谢！现在如何将背景色更改为“无”？就像-根本没有背景色？我试着什么也不放在颜色串里，但没用。谢谢！现在如何将背景色更改为“无”？就像-根本没有背景色？我试着什么也不放在颜色串里，但没用。

#a1 {
    background-color: #FFF;
}

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