最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

基于javascript实现tab选项卡切换特效调试笔记_javascript技巧

来源:动视网 责编:小OO 时间:2020-11-27 20:52:46
文档

基于javascript实现tab选项卡切换特效调试笔记_javascript技巧

制作导航栏,点击导航栏元素时下面的内容会产生相应的变化,并且该元素显示特殊样式。js源代码。HTML代码。 。效果图。调试笔记。1.错误一。var number = tag.getElementsByTagName("a").length。(1)报错。(2)解释及改正。**getElementsByTagName()就是返回元素素组,如果再取它的长度的话,number就只是一个数字,所以number[i].className = " ";就会报错。**。改正。var number = tag.getElementsByTagName("a")。2.错误二。
推荐度:
导读制作导航栏,点击导航栏元素时下面的内容会产生相应的变化,并且该元素显示特殊样式。js源代码。HTML代码。 。效果图。调试笔记。1.错误一。var number = tag.getElementsByTagName("a").length。(1)报错。(2)解释及改正。**getElementsByTagName()就是返回元素素组,如果再取它的长度的话,number就只是一个数字,所以number[i].className = " ";就会报错。**。改正。var number = tag.getElementsByTagName("a")。2.错误二。
 本文实例为大家分析了javascript实现tab选项卡切换的调试笔记,供大家参考,具体内容如下

制作导航栏,点击导航栏元素时下面的内容会产生相应的变化,并且该元素显示特殊样式。

js源代码:

HTML代码:




 
 
 

效果图:

调试笔记:

1.错误一:

var number = tag.getElementsByTagName("a").length;

(1)报错:

(2)解释及改正:

  **getElementsByTagName()就是返回元素素组,如果再取它的长度的话,number就只是一个数字,所以number[i].className = " ";就会报错。**

  改正:

var number = tag.getElementsByTagName("a");

2.错误二:

这里的number应该是一个数字,代表a元素的个数,由错误一可知,获取number的长度,即应该改为:

文档

基于javascript实现tab选项卡切换特效调试笔记_javascript技巧

制作导航栏,点击导航栏元素时下面的内容会产生相应的变化,并且该元素显示特殊样式。js源代码。HTML代码。 。效果图。调试笔记。1.错误一。var number = tag.getElementsByTagName("a").length。(1)报错。(2)解释及改正。**getElementsByTagName()就是返回元素素组,如果再取它的长度的话,number就只是一个数字,所以number[i].className = " ";就会报错。**。改正。var number = tag.getElementsByTagName("a")。2.错误二。
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top