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 含 另外,不僅...