dom基本操作

document --

->htmldocument.prototype --
->document.prototype
//封裝children方法
element.prototype.
mychildren
=function()
}return arr;
}function
retsibling
(e,n)
else
n--;}
else
else
n++;}
return e;
}

//增

document.
createelement(''
);//建立元素節點
ducument.
createcomment(''
);//建立注釋節點
ducument.
createtextnode()
;//建立文字節點
ducument.
createdocumentfragment()
;//插
parentnode.()
;//剪下
parentnode.
insertbefore
(a,b)
;//insert a before b
//刪parent.
removechild()
;//剪下
child.
remove()
;//銷毀自己
//替換
parent.
replacechild
(newdata,origindata)
;//拿新的元素替換老的元素,剪下

//屬性

div.innerhtml =
//覆蓋，可讀可寫
div.innnertext  =
//覆蓋，包括html結構
//方法
div.
setattribute
('id'
,'only');
div.
getattribute
('id'
)

DOM 基本操作

關於dom 1.html 文件可以看成是一棵樹，其中的內容是這棵樹的節點 2.dom 樹上的節點之間有父子關係 兄弟關係 3.節點之間還有順序關係 4.可以通過對 dom 樹的操作來修改 html 文件 文件處理 1.內部插入 培訓 3 prepend content 向每個元素內部的前部新增 di...

DOM基本操作

獲取節點的屬性 1.獲取div的上乙個節點 div.previoussibling 2.獲取div的上乙個標籤節點 div.previouselementsibling 3.獲取div的下乙個節點 div.nextsibling 4.獲取div的下乙個標籤節點 div.nextelementsibl...

DOM的基本操作

dom是針對於html和xml文件的乙個api 應用程式程式設計介面 是w3c組織推薦的處理可擴充套件標誌語言的標準程式設計介面。在網頁上，組織頁面 或文件 的物件被組織在乙個樹形結構中，用來表示文件中物件的標準模型就稱為dom。當網頁被載入時，瀏覽器會建立頁面的文件物件模型 在dom中，可以將任何...