DOM 查詢標籤

2022-06-26 16:33:09 字數 869 閱讀 1987

1、直接查詢

document.getelementbyid          //

根據id獲取乙個標籤

document.getelementsbyclassname //

根據class屬性獲取

document.getelementsbytagname //

根據標籤名獲取標籤合集

var ele_p=document.getelementbyid("p1"); //

dom物件

var ele_c1=document.getelementsbyclassname("c2"); //

dom物件的集合

console.log(ele_c1); //

[div.c2, div.c2, div.c2, div.c2];

var eles_p=document.getelementsbytagname("p"); //

dom物件的集合

console.log(eles_p) ;//

[p#p1,]

2、間接查詢

parentelement         //

父節點標籤元素

children //

所有子標籤

firstelementchild //

第乙個子標籤元素

lastelementchild //

最後乙個子標籤元素

nextelementsibling //

下乙個兄弟標籤元素

previouselementsibling //

上乙個兄弟標籤元素

DOM 獲取標籤

操作文件的 html文件 dom要操作的是html文件 標籤名來獲取 var divs document.getelementsbytagname div console.log divs 通過id名來獲取 var div document.getelementbyid var console.lo...

DOM詳解 二 DOM查詢

1.三個元素不用找,可直接獲得 document.documentelement document.head document.body 2.節點間關係 2大類 不常用 何時 只要已經獲得了乙個節點,找周圍節點時 節點樹 包含所有節點 元素,文字 的完整的樹結構 1.父子關係 elem.parent...

jquery jquery對向與dom標籤對向

通過jquery選擇器,拿到的就是乙個jquery對向 它是陣列的形態 陣列作為乙個容器 它裡面裝的就是dom對向 jquery選擇器拿東西的格式 css選擇器格式 就是html文件中的標籤對向 通過js中的getelement系列的方式拿到的 就是dom對向 jquery轉dom jquery對向...