想让点击a链接隐藏li的内容 为什么没有用啊,看了好久也没找出来问题在哪

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<script type="text/javascript">

            window onload=function()

         {

            var yW=document.getElementsByTagName('a')

            for (var i =0 ;i<yW.length;i++)

             {

                 yW[i].onclick=function()

                 {

                  this.parentNode.style.display='none';

                 };

               };

            };

</script>

</head>

<body>

            <ul >

<li>aaaa<a href="#">隐藏</a></li>

<li>xxxx<a href="#">隐藏</a></li>

<li>nnn<a href="#">隐藏</a></li>

<li>mmmm<a href="#">隐藏</a></li>

</ul>


</body>

</html>


慕粉4084340
浏览 2326回答 5
5回答

stone310

window.onload,你写的少了一个点

一瞬儿光

我先忽略你代码里的各种语法错误,权当你是手误。然后,你的js代码是在文档加载结束之后就会立即执行,你的onclick事件是在for循环里立即执行的,也就是说你点击a标签的时候,没有任何触发动作。

我要开发地图系统

stone310说得对。建议你使用编辑器,比如——EditPlus ,它有报错功能,哪里出错它都会告诉你。

慕冬雪

我就不重复回答了。http://www.imooc.com/wenda/detail/330981你去这里面看看吧, 和你这个是一类问题。

其实我真的不是东北人

新手不要用小的编辑器,错了你找问题都找不到。 不要听老师说用notepad++ 这些,效率永远低别人一等,说什么记单词,学编程是用的技巧,记什么单词,打多了就记住了。 推荐phpstorm,
打开App,查看更多内容
随时随地看视频慕课网APP