使用javascript更改类

我的代码在这里：

代码

---

我想要的是，当鼠标悬停在

菜单描述

类的背景文本颜色上时，该类应更改为

菜单描述新建

HTML元素的id属性不应包含空格。选择器#navigation li a正在列表项中查找锚，该列表项是id=navigation的元素的后代

您有两个问题。您的html：

<div id="navigation li a">
    Hover over me
</div>

Id属性不能包含空格，看起来您正在尝试将完整的CSS选择器应用为div元素的Id。如果您查看CSS，那么选择器将用于列表项（li）中id为

#navigation

的元素中的achor（a）。改变两件事：

<div id="navigation">Hover over me</div>

这将正确地将背景应用于

div

元素。

导航li a是此html的选择器

<ul id="navigation">
   <li><a>you select this element</a></li>
</ul>

您几乎答对了，但是Javascript部分出现了语法错误。
最后一个结束括号是不必要的

值得指出的是，链接演示顶部的JS Lint按钮会报告几个错误/警告。
<div id="navigation">Hover over me</div>

#navigation { }

<ul id="navigation">
   <li><a>you select this element</a></li>
</ul>