DOM中按HTML查找和按選擇器查找

查找HTML文檔內容一共可分爲四種:html

1. 不須要查找,可直接得到的元素:html head bodyhtm

2. 按節點關係查找:其中分爲節點樹和元素樹兩種。對象

  按節點查找的前提是已經得到了一個節點,並且會返回空字符,對文本有干擾;文檔

  按元素查找返回的內容更純淨。class

3. 按HTML查找:範圍可大可小,可設置條件。包括按id查找、按標籤名查找、按name屬性查找和按class屬性查找。效率

4. 按選擇器查找:此種方式最爲直觀。集合

比較下後兩種查找方式的優缺點以及各自的特色:標籤

1 首次查找:若是條件簡單,就按HTML查找,效率更高;若是條件複雜,就按選擇器查找,一步到位。字符

2 按HTML和按選擇器查找,二者都會返回多個元素的集合,不一樣的是,前者返回的是動態集合,後者返回的是非動態集合。

動態集合不會存儲對象的屬性值,每次訪問都要從新查找DOM樹;

非動態集合會存儲對象的全部屬性值,即便反覆訪問集合,也不會致使反覆查找DOM樹。

所以若是隻是單次查找,可按HTML,效率更高,但若是屢次查找訪問,就要選擇按選擇器查找。

相關文章
相關標籤/搜索