一步一步写web之初识web（三）

争取每一个小步骤都记下来，每张内容不会很多，但是都是我一步一步的经历，从小白入门的坎坷历程吧。

一、通过增加id实现

通过增加id获取div，在js中进行逻辑判断，实现会员下拉列表并选择。

这里的会员列表是通过增加id获取的div，代码更新请看：https://github.com/dwenb/webLearning/commits/master/footer。接下来做的是不用增加id获取内嵌div（已完成的代码是为了先实现效果，心中有数）。

二、不用自行添加的id

好吧，我承认有点傻，自己都不想写上来了，抱着不怕嘲讽的精神，还是写出来吧。

    //获取会员列表选项
    var vipListMiddle = userBar.getElementsByTagName("div");   //和下面注释的那行等效，只是字面的id为百度贴吧样式中没有，还是尽量遵循原著吧
    var vipList = vipListMiddle[6];
    // var vipList = document.getElementById("vip_list");   //百度贴吧无此id,便于计算自行添加
    var listbox = vipList.getElementsByTagName("li");

至此，会员下拉列表的小功能也实现了，中午写的时候还打退堂鼓，没有之前的滑动门js是跟着教程写的，总感觉自己这次写不出来了，然后中午睡了一觉，想想还是得写。打开电脑，写着写着发现可以实现了，应该说小白最缺的就是练习的经验吧，接下来丰富下内容，争取早日摆脱小白身份，给自己加油！