1.queryselector
該方法返回滿足條件的單個元素。按照深度優先和先序遍歷的原則使用引數提供的css選擇器在dom進行查詢，返回第乙個滿足條件的元素。
element = document.queryselector('div#container');//返回id為container的首個div
element = document.queryselector('.foo,.bar');//返回帶有foo或者bar樣式類的首個元素
該方法返回所有滿足條件的元素，結果是個nodelist集合。
elements = document.queryselectorall('div.foo');//返回所有帶foo類樣式的div##區別什麼是實時非實時的返回結果
//首先選取頁面中id為container的元素
container=document.getelementbyid('#container');
console.log(container.childnodes.length)//結果為2
//然後通過**為其新增乙個子元素
//這個元素不但新增到頁面了，這裡的變數container也自動更新了
console.log(container.childnodes.length)//結果為3
HTML5 選擇器續
十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能，一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...
html5 新的選擇器
1 queryselector 類似於jq裡的 方法，但是只能取到第乙個元素 只能取到乙個集合，即使只有乙個元素 class li2 li class li2 li ul var oli document.queryselectorall li2 oli取到的是乙個類集合，所以加樣式要用for迴圈 ...
HTML5的高階選擇器
1 層次選擇器 form p 表示後輩 後代選擇器 form p 表示子輩 div p 表示div下乙個相鄰的p元素 div p 表示div後所有匹配的p元素 2 結構偽類選擇器 p first child 第乙個p標籤 p last child 最後乙個p標籤 p nth child 3 第3個p...