当我运行我的代码时，这个页面崩溃了

我只需要弄清楚我在这里做错了什么

 

 应用程序.js

//选择

导航var  navigation  =  document . getElementById ( "导航" ); 

//选择从导航所有listItems中为（VAR我= 0 ;我<导航。孩子。长度;我++ ）{ VAR时listItems =导航; 列表项[ i ]; } //当导航链接被按下时var linkListener = function ()

    {

控制台。log ( "监听器被点击！" ); } var bindEventsToLinks = function ( listItem ) { //选择锚点var anchor = listItem ; //将linkListener绑定到锚元素（a）anchor . onclick =链接监听器；}为（VAR我= 0 ;我< listItems中。长度;我++ ）{  

 

    bindEventsToLinks ( listItems [ i ]); 

}

 索引.html

<！DOCTYPE HTML> 

< HTML > 

<头部> </头> 

<体> 

< UL ID = “导航” > <李> <一个HREF = “#home” >主页</一> </李> <李> <一个HREF = “#about” >关于</一> </李> <里> <一个

 

     href = "#contact" >联系方式</ a > 

</ li > </ ul > < p >一些我最喜欢的东西：</ p > < ul > < li >    玫瑰上的雨滴

</ li > < li >    小猫身上的胡须

</ li > < li >    用绳子包起来的牛皮纸包

</ li > </ ul ><  

 

script  src = "app.js" ></ script > 

</ body > 

</ html >

 

答：让你的变量为你承担重量： var listItems = navigation.children; 并将循环放回原始代码。