html5 新的選擇器

2021-07-23 18:20:21 字數 1203 閱讀 3886

1、queryselector

類似於jq裡的$()方法,但是只能取到第乙個元素

只能取到乙個集合,即使只有乙個元素

class="li2">

li>

class="li2">

li>

ul>

var oli=document.queryselectorall('.li2');//oli取到的是乙個類集合,所以加樣式要用for迴圈

通過class的方式取到乙個元素的集合

class="li2">

li>

class="li2">

li>

ul>

var oli=document.getelementsbyclassname('li2');//oli取到的是乙個類集合,所以加樣式要用for迴圈

注意

- 前兩種方法裡面要寫成.li2,而最後一種規定是class,所以寫類名li2即可

Html5新的選擇器

queryselector 選擇器 注 只能選擇乙個元素 queryselectorall 選擇器 注 選擇一組元素 getelementsbyclassname 專門針對class的,獲取一組class元素 獲取class列表屬性 classlist length class的長度 add 新增c...

HTML5 選擇器續

十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能,一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...

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...