怎么没有效果

weixin_45537198 2019-08-18 11:07:21
怎么没有效果,请大佬解决
...全文
147 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
大刘鸭 2019-08-19
  • 打赏
  • 举报
回复
先不说其他的问题,可以去看看闭包~,你这样添加 onmouseover 事件,是不行的
weixin_45537198 2019-08-18
  • 打赏
  • 举报
回复
<script> window.onload=function () { var a1=document.getElementById('header'); var a2=a1.getElemtsByTagName('li'); var a3=a2.getElemtsByTagName('xiang')[0]; for(var i=0;i<a2.length;i++) { a2[i].onmouseover=function () { for(var i=0;i<a2.length;i++) { a2[i].classNeme=''; } this.classNeme='active'; }; } }; </script> </head> <body> <div id="header"> <div class="shang"> <ul> <li class="active"><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> </ul> </div> <div class="xiang"> <h2>1月活动</h2> <p>可以去春游,你觉得怎么样,很喜欢吧</p> </div> </div> </body> </html>
weixin_45537198 2019-08-18
  • 打赏
  • 举报
回复
<script> window.onload=function () { var a1=document.getElementById('header'); var a2=a1.getElemtsByTagName('li'); var a3=a2.getElemtsByTagName('xiang')[0]; for(var i=0;i<a2.length;i++) { a2[i].onmouseover=function () { for(var i=0;i<a2.length;i++) { a2[i].classNeme=''; } this.classNeme='active'; }; } }; </script> </head> <body> <div id="header"> <div class="shang"> <ul> <li class="active"><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> </ul> </div> <div class="xiang"> <h2>1月活动</h2> <p>可以去春游,你觉得怎么样,很喜欢吧</p> </div> </div> </body> </html>
Poetry Code 2019-08-18
  • 打赏
  • 举报
回复
引用 3 楼 weixin_45537198 的回复:
[quote=引用 1 楼 weixin_44253336的回复:]你获取的错了吧,header不是类名吗,然后你用id的方式获取
我把header改成ID命名,也没有用,请问具体该怎么改[/quote]给我看看你修改后的代码。你可以看看我的文章,获取元素几种方式
Poetry Code 2019-08-18
  • 打赏
  • 举报
回复
xiang 这个也错了
weixin_45537198 2019-08-18
  • 打赏
  • 举报
回复
引用 1 楼 weixin_44253336的回复:
你获取的错了吧,header不是类名吗,然后你用id的方式获取
我把header改成ID命名,也没有用,请问具体该怎么改
Poetry Code 2019-08-18
  • 打赏
  • 举报
回复
我用#CSDN#这个app发现了有技术含量的博客,小伙伴们求同去《DOM快速入门——DOM获取元素对象的6种方式》, 一起来围观吧 https://blog.csdn.net/weixin_44253336/article/details/98210816
Poetry Code 2019-08-18
  • 打赏
  • 举报
回复
你获取的错了吧,header不是类名吗,然后你用id的方式获取
天际的海浪 2019-08-18
  • 打赏
  • 举报
回复
引用 12 楼 weixin_45537198 的回复:
[quote=引用 11 楼 AtalantaDavis的回复:][quote=引用 10 楼 weixin_45537198 的回复:] [quote=引用 9 楼 AtalantaDavis的回复:]a2=a1.getElemtsByTagName('li');这个函数写错了
是这个函数获取方式写错了吗?那我该怎么改[/quote] 函数名写错了[/quote] 那我应该怎么才对写?[/quote] getElemtsByTagName 拼写错误,应该是 getElementsByTagName classNeme 拼写错误,应该是 className xiang 是class,应该是这样获取 var a3=document.getElementsByClassName('xiang')[0];
weixin_45537198 2019-08-18
  • 打赏
  • 举报
回复
引用 11 楼 AtalantaDavis的回复:
[quote=引用 10 楼 weixin_45537198 的回复:] [quote=引用 9 楼 AtalantaDavis的回复:]a2=a1.getElemtsByTagName('li');这个函数写错了
是这个函数获取方式写错了吗?那我该怎么改[/quote] 函数名写错了[/quote] 那我应该怎么才对写?
AtalantaDavis 2019-08-18
  • 打赏
  • 举报
回复
引用 10 楼 weixin_45537198 的回复:
[quote=引用 9 楼 AtalantaDavis的回复:]a2=a1.getElemtsByTagName('li');这个函数写错了
是这个函数获取方式写错了吗?那我该怎么改[/quote] 函数名写错了
weixin_45537198 2019-08-18
  • 打赏
  • 举报
回复
引用 9 楼 AtalantaDavis的回复:
a2=a1.getElemtsByTagName('li');这个函数写错了
是这个函数获取方式写错了吗?那我该怎么改
AtalantaDavis 2019-08-18
  • 打赏
  • 举报
回复
a2=a1.getElemtsByTagName('li');这个函数写错了
Poetry Code 2019-08-18
  • 打赏
  • 举报
回复
引用 7 楼 weixin_45537198 的回复:
<script> window.onload=function () { var a1=document.getElementById('header'); var a2=a1.getElemtsByTagName('li'); var a3=a2.getElemtsByTagName('xiang')[0]; for(var i=0;i<a2.length;i++) { a2[i].onmouseover=function () { for(var i=0;i<a2.length;i++) { a2[i].classNeme=''; } this.classNeme='active'; }; } }; </script> </head> <body> <div id="header"> <div class="shang"> <ul> <li class="active"><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li><h2>1</h2><p>1月</p></li> <li class="zuo" ><h2>1</h2><p>1月</p></li> </ul> </div> <div class="xiang"> <h2>1月活动</h2> <p>可以去春游,你觉得怎么样,很喜欢吧</p> </div> </div> </body> </html>
你获取方式写错了

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧