dom 查詢元素節點

2021-08-09 12:41:52 字數 560 閱讀 7161

var div = document.getelementsbytagname("div")[0];

//查詢元素節點,方法會存在一些相容性問題,ie低版本瀏覽器不支援

console.log(div.parentelement);//父元素節點

console.log(div.children); //子元素節點

console.log(div.childelementcount); //子元素節點個數

console.log(div.children.length); // === div.childelementcount

console.log(div.firstelementchild); //第乙個元素節點

console.log(div.lastelementchild); //最後乙個元素節點

console.log(div.nextelementsibling);//後乙個兄弟元素節點

console.log(div.previouselementsibling);//前乙個兄弟元素節點

DOM元素節點

目錄 一 dom元素節點的增刪改 1.新增 1.1將新增的節點放到某個標籤內 2.刪除 3.修改 替換 4.轉殖 複製 二 dom元素節點的屬性 1.元素節點本質是乙個物件,存在修飾該元素的屬性和方法 2.通用屬性 2.獲取非內聯 行內 樣式 3.一些標籤特有的屬性 4.節點的屬性 三 拓展clss...

DOM節點的查詢

修改,刪除,增加,節點 文字節點,標籤節點,屬性節點,注釋節點 document.getelementbyid 通過id查詢,返回節點本身 document.getelementsbytagname 通過標籤查詢,返回陣列 document.getelementsbyname 通過屬性查詢,返回陣列...

js選取DOM節點元素

dom中選取文件元素的方法總共有5種 1.通過id值。2.通過name屬性值。3.通過指定的標籤名。4.通過class類。5.通過css選擇器 box boxdiv class top topdiv class top topdiv class top topdiv class top topdiv...