87,990
社区成员
发帖
与我相关
我的任务
分享a[i]为什么加上事件显示undifined？怎么改class为title-li的className？这两个alert类型为什么不一样？
谢谢帮忙看一下~
想通过改className改变class为title-li的ul的样式，但是显示a[i]未定义，不明白为什么，那么要怎么样才能改特定ul的样式？
<script>
window.onload=function(){
var a = document.getElementsByTagName("ul");
alert(a.length);
for (var i=0;i<a.length ;i++ ){
if(a[i].className=="li-title"){
alert(typeof a[i]);
a[i].onmouseover=function(){
alert(typeof a[i]);
a[i].className="ss";
}
}
}
}
</script>
</head>
<body>
<ul class="li-title" id="li1">
<li class="active">房产</li
><li>家居</li
><li>二手房</li>
</ul>
<ul class="content active">
<li>275万购昌平邻铁三居 总价20万买一居</li>
<li>200万内购五环三居 140万安家东三环</li>
<li>北京首现零首付楼盘 53万购东5环50平</li>
<li>京楼盘直降5000 中信府 公园楼王现房</li>
</ul>
<ul class="li-title hide">
<li>40平出租屋大改造 美少女的混搭小窝</li>
<li> 经典清新简欧爱家 90平老房焕发新生</li>
<li>新中式的酷色温情 66平撞色活泼家居</li>
<li>瓷砖就像选好老婆 卫生间烟道的设计</li>
</ul>
<ul class="content hide">
<li>通州豪华3居260万 二环稀缺2居250w甩</li>
<li>西3环通透2居290万 130万2居限量抢购</li>
<li>黄城根小学学区仅260万 121平70万抛!</li>
<li>独家别墅280万 苏州桥2居优惠价248万</li>
</ul>
</body>
</html>
想通过改className改变class为title-li的ul的样式，但是显示a[i]未定义，不明白为什么，那么要怎么样才能改特定ul的样式？
<script>
window.onload=function(){
var a = document.getElementsByTagName("ul");
alert(a.length);
for (var i=0;i<a.length ;i++ ){
if(a[i].className=="li-title"){
alert(typeof a[i]);
a[i].onmouseover=function(){
alert(typeof a[i]);
a[i].className="ss";
}
}
}
}
</script>
</head>
<body>
<ul class="li-title" id="li1">
<li class="active">房产</li
><li>家居</li
><li>二手房</li>
</ul>
<ul class="content active">
<li>275万购昌平邻铁三居 总价20万买一居</li>
<li>200万内购五环三居 140万安家东三环</li>
<li>北京首现零首付楼盘 53万购东5环50平</li>
<li>京楼盘直降5000 中信府 公园楼王现房</li>
</ul>
<ul class="li-title hide">
<li>40平出租屋大改造 美少女的混搭小窝</li>
<li> 经典清新简欧爱家 90平老房焕发新生</li>
<li>新中式的酷色温情 66平撞色活泼家居</li>
<li>瓷砖就像选好老婆 卫生间烟道的设计</li>
</ul>
<ul class="content hide">
<li>通州豪华3居260万 二环稀缺2居250w甩</li>
<li>西3环通透2居290万 130万2居限量抢购</li>
<li>黄城根小学学区仅260万 121平70万抛!</li>
<li>独家别墅280万 苏州桥2居优惠价248万</li>
</ul>
</body>
</html>
...全文
请发表友善的回复…
发表回复
kekekaole 2017-04-10
- 打赏
- 举报
非常感谢，说的很明白了
还是有点不明白的地方，悬赏很低了不足表达谢意
如果可以的话，麻烦还得问下，显示的错误是，Cannot read property 'className' of undefined
这个不能设置className的属性是什么？
另外循环结束了，if条件就没有==li-title的元素，不会执行if里的语句，为什么还会出错啊。[/quote]
这个if是判断要为哪个元素绑定事件。这时事件不会执行。
触发事件时只执行事件function(){}中的代码，这是和那个if就没关系了。
报错的是事件a[i].className="ss";这一行。
因为i超出数组最大下标，a[i]返回undefined，undefined不是对象，访问undefined的属性当然出错了。
[/quote]
哎呀说的太明白了大神~还回复的这么快~感激感激~~祝你彩票中大奖兄弟~
天际的海浪 2017-04-09
- 打赏
- 举报
非常感谢，说的很明白了
还是有点不明白的地方，悬赏很低了不足表达谢意
如果可以的话，麻烦还得问下，显示的错误是，Cannot read property 'className' of undefined
这个不能设置className的属性是什么？
另外循环结束了，if条件就没有==li-title的元素，不会执行if里的语句，为什么还会出错啊。[/quote]
这个if是判断要为哪个元素绑定事件。这时事件不会执行。
触发事件时只执行事件function(){}中的代码，这是和那个if就没关系了。
报错的是事件a[i].className="ss";这一行。
因为i超出数组最大下标，a[i]返回undefined，undefined不是对象，访问undefined的属性当然出错了。
kekekaole 2017-04-09
- 打赏
- 举报
非常感谢，说的很明白了
还是有点不明白的地方，悬赏很低了不足表达谢意
如果可以的话，麻烦还得问下，显示的错误是，Cannot read property 'className' of undefined
这个不能设置className的属性是什么？
另外循环结束了，if条件就没有==li-title的元素，不会执行if里的语句，为什么还会出错啊。
天际的海浪 2017-04-08
- 打赏
- 举报
事件执行时，for循环早就结束了，这个时候i已经是最大值加1了。
你在事件中用alert(i)输出i的值就明白了。
解决方法是用闭包把每次循环i的值保存起来
for (var i = 0; i < a.length; i++) {
(function(k) {
if (a[k].className == "li-title") {
a[k].onmouseover = function() {
a[k].className = "ss";
}
}
}(i));
}
cn00439805 2017-04-08
- 打赏
- 举报
window.onload=function(){
var a = document.getElementsByTagName("ul");
for (var i=0;i<a.length ;i++ ){
if(a[i].className.indexOf("li-title") != -1){
a[i].onmouseover = (function(i){
return function(){
a[i].className= a[i].className.replace("li-title","ss");
}
})(i)
}
}
}
