问:看一下html和js文件。app.js的第5行不正确。listItems应该是Naviga的子级
有人请帮助我
app.js
//选择navargation
var navigation = document 。getElementById (“ navigation” );
//从导航中选择所有listItems var listItems = navigation ; //当按下导航链接时,var linkListener = function (){ console 。日志(“单击监听器!” );} var bindEventsToLinks = function (listItem ){ //选择锚var anchor =
listItem ;
//将linkListener绑定到anchor元素(a)anchor 。onclick = linkListener ; }为(VAR我= 0 ;我< listItems中。长度;我++ ){ bindEventsToLinks (listItems中[我]); }
index.html
<!DOCTYPE HTML>
< HTML >
<头部> </头>
<体>
< UL ID = “导航” > <李> <一个HREF = “#home” >主页</一> </李> <李> <一个HREF = “#about” >关于</一> </李> <李> < a
href = “ #contact” >联系人</ a >
</ li > </ ul > < p >我最喜欢的一些东西:</ p > < ul > < li > 玫瑰上的雨滴
</ li > < li > 小猫身上的胡须
</ li > < li > 用绳子包裹的牛皮纸包装
</ li > </ ul ><
脚本 src = “ app.js” > </脚本>
</正文>
</ html >
答:看着.js文件的第5行,当前这会将列表项分配给导航。但是我们不希望列表项成为导航本身,我们希望它们成为子项。我们可以通过在导航中简单地添加“ .children”来做到这一点,就像这样:
//从导航中选择所有listItems
var listItems = navigation 。儿童;
希望对您有所帮助。