一步一步寫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是跟着教程寫的，總感覺自己這次寫不出來了，然後中午睡了一覺，想想還是得寫。打開電腦，寫着寫着發現可以實現了，應該說小白最缺的就是練習的經驗吧，接下來豐富下內容，爭取早日擺脫小白身份，給自己加油！