JavaScript折叠式列表的网页制作

作者佚名技术来源网页制作浏览发布时间 2012-03-07

d(element_id).getElementsByTagName("li");
  var list_div = document.getElementById(element_id).getElementsByTagName("div");
  list_item[0].getElementsByTagName("div")[1].className = "ListSummary";
  for (var i=0; i<list_item.length; i++){
    list_item[i].onmouseover = function(){
      //查找已展开的<div>并将其隐藏
      for (var j=0; j<list_div.length; j++){
        if (list_div[j].className == "ListSummary") {
          list_div[j].className = "ListSummaryHidden";
        }
      }
      //展开<div>
      var list_summary = this.getElementsByTagName("div");
      if (!list_summary[1].className){
        list_summary[1].className = "ListSummary";
      }
    }
  }
}

第1行，function puckerList(element_id) 是构造一个自定义函数，名为puckerList 。element_id是参数，即是函数内部要用到的变量，后面就能知道它到底有什么用途。
function puckerList(element_id) { ...... }

第2行、第3行我们要遍历“设计资讯”版块里的所有<li>与<div>。
什么是遍历？就是找到所有的<li>和<div>并编号。注意，编号是从0开始的。怎么遍历呢？拿第2行解释。
var list_item = document.getElementById(element_id).getElementsByTagName("li"); document.文档中的，也就是这个页面中的。“点”就是“的”的意思。
getElementById(element_id).按ID名查找，获取名为element_id的<div>。element_id是一个变量，在“设计资讯”版块里，即是NewDesignInfo
getElementsByTagName（"li");这是按照元素名称（HTML标签名）查找，获

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: javascript恶意代码修改主页修复下一篇: 初学Javascript的总结

关于JavaScript折叠式列表的网页制作的所有评论

随机推荐