制作导航栏,点击导航栏元素时下面的内容会产生相应的变化,并且该元素显示特殊样式。
js源代码:
//导航栏单击变换内容function tabswitch(_this,num) { var tag = document.getelementbyid(nav9); var number = tag.getelementsbytagname(a); //获取导航栏元素个数(getelementsbytagname是返回元素素组) var divnum = document.getelementsbyclassname(eachdiv); //获取导航元素对应的div个数 for(var i=0;i
头条 社会 娱乐 军事 体育 ·县领导找不着住建局长 对其通报批评 ·女子亲热感觉卡 检查现异形侵体 ·大妈被女童玩具小车撞到 叫来救护车 ·六旬老人遇老相识 30元发生关系被抓
·妻子产子收1200枚鸡蛋 丈夫1天卖光 ·母猪产下八名男婴 原因竟然如此凄凉 ·小夫妻宾馆开房 隔壁大叔全程看直播 ·老汉自造房车囚禁两妙龄女 边走边玩
·金星追问陈坤儿子生母 他还真招认了 ·台湾女星“酒后乱性” 婆婆当场傻眼 ·车晓和前夫离婚后 如此评价这段经历 ·韩国卖淫女星身份遭曝光!g.na在列
·朝鲜愤然击落美军侦察机 美为何认怂 ·多数人不知道 中国已经买过四艘航母 ·中国两栖登陆王牌协同作战 场面壮观 ·朝鲜惊人作战计划曝光:突袭朴槿惠
·末战胜卡塔尔不够 国足期待2队犯错 ·赛中产子属误传 产妇是辽宁女排队员 ·球迷50万赌国足赢4球以上 血本无归 ·高洪波:国足只能算一般队 比较命苦
效果图:
调试笔记:
1.错误一:
var number = tag.getelementsbytagname(a).length;
(1)报错:
(2)解释及改正:
**getelementsbytagname()就是返回元素素组,如果再取它的长度的话,number就只是一个数字,所以number[i].classname = ;就会报错。**
改正:
var number = tag.getelementsbytagname(a);
2.错误二:
for(var i=0;i
for(var i=0;i