原生dom查詢 5個API

2021-08-23 14:15:36 字數 650 閱讀 7434

1. 按id查詢:

var elem=document.getelementbyid("id值");

2. 按標籤名查詢:(向下爬樹的主要手段)

var elems=parent.getelementsbytagname("標籤名");

***elems也是動態集合***

*不僅查直接子節點,同時可獲得間接子節點*

3. 按name屬性查詢:(專門用於查詢表單中的元素)

var elems=parent.getelementsbyname("name屬性值");

***elems也是動態集合***

4.按classname查詢

var elems=parent.getelementsbyclassname("class屬性")

elems:動態集合,每使用一次都重新查詢

for(var i=0,len=elems.length;i5. selector api:jquery的核心

var elem=parent.queryselector("選擇器");

var elems=parent.queryselectorall("選擇器");

2特點:

1. 內建api:執行效率高

2. elems:包含完整物件屬性的集合,不會反覆查詢!

js原生API 查詢dom

node是乙個介面,許多dom型別從這個介面繼承,並允許類似地處理 或測試 這些各種型別。以下介面都從node繼承其方法和屬性 和 之類的元素,其他等等。其也為文件 document 提供了全域性性的函式,例如獲取頁面的url 在文件中建立新的 element 的函式。它為文件提供全域性的函式,像如...

JS中常見原生DOM操作API

幾種物件 node node是乙個介面,中文叫節點,很多態別的dom元素都是繼承於它,都共享著相同的基本屬性和方法。常見的node有 element,text,attribute,comment,document 等 所以要注意 節點 和 元素 的區別,元素屬於節點的一種 node有乙個屬性 nod...

JS中常見原生DOM操作API

節點查詢api document.getelementbyid 根據id查詢元素,大小寫敏感,如果有多個結果,只返回第乙個 document.getelementsbyclassname 根據類名查詢元素,多個類名用空格分隔,返回乙個 htmlcollection 注意相容性為ie9 含 另外,不僅...