DOM元素節點

2021-10-15 00:17:10 字數 588 閱讀 1307

目錄

一、dom元素節點的增刪改

1.新增

1.1將新增的節點放到某個標籤內

2.刪除

3.修改/替換

4.轉殖/複製

二、dom元素節點的屬性

1.元素節點本質是乙個物件,存在修飾該元素的屬性和方法

2.通用屬性

2.獲取非內聯(行內)樣式

3.一些標籤特有的屬性

4.節點的屬性

三、拓展clsslist的方法

parent.prepend(ele);表示預追加,向指定元素內,追加乙個新的元素,新的元素會放在父元素的最前面

parent.insertbefore(new,old);由父元素統籌,把建立的節點(元素節點/文字節點)放到某個元素(同級元素)的前面

document.createtextnode(「***」);表示建立文字節點

document.createdoucmentfragment();表示建立文件碎片,即為空的盒子

function getstyle(ele,name)else

}

dom 查詢元素節點

var div document.getelementsbytagname div 0 查詢元素節點,方法會存在一些相容性問題,ie低版本瀏覽器不支援 console.log div.parentelement 父元素節點 console.log div.children 子元素節點 console...

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...

2019 9 8 dom元素節點屬性

chilenodes 當前元素節點的左右子節點 window.nl ad function alert odiv.childnodes 0 nodename em 元素節點三個輸出 alert odiv.childnodes 0 nodetype 1 alert odiv.childnodes 0 ...