1.querySelector指定一個或多個匹配元素的 CSS 選擇器。 可以使用它們的 id, 類, 類型, 屬性, 屬性值等來選取元素。對于多個選擇器，使用逗號隔開，返回一個匹配的元素。
注意：querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素，請使用 querySelectorAll() 方法替代。
但是有區(qū)別：
例如：ID選擇
getElementById:? ? var btn =document.getElementById("btn");
?querySelector:? ? var btn =document.querySelector("#btn");
? 類選擇? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
?var btn =document.querySelector(".btn");
? var btn =document. getElementsByClassName（“btn”）;
2.classList 屬性返回元素的類名，作為 DOMTokenList 對象
classList.length :? class的長度
add()? :? 添加class方法
remove()? :? 刪除class方法
toggle() :? 切換class方法
下面通過剛學的做了個小練習-下拉列表
html5部分
css部分
js部分
