DOM(文檔對象模型)

DOM(文檔對象模型)

? 一.獲取節點:1.documnt:

? ? ? (1)getElementById : 通過元素ID獲取節點?

? ? ? (2)getElementsByName: 通過元素的name屬性獲取節點

? ? ? (3)getElementsByTagName:?通過元素標簽獲取節點

??? 2.節點指南:

? ? ? (1)firstChild: 獲取元素的首個子節點

? ? ? (2)lastChild: 獲取元素的最后一個子節點

? ? ? (3)childNodes: 獲取元素的子節點列表

? ? ? (4)previousSibling: 獲取已知節點的前一個節點

? ? ? (5)nextSibling: 獲取已知節點的后一個節點

? ? ? (6)parentNode: 獲取已知節點父節點


? 二.節點操作:1.創建節點:

? ? ? (1)createElement: 創建元素節點

? ? ? (2)createAttribute: 創建屬性節點

? ? ? (3)createTextNode: 創建文本節點

? 2.插入節點:

? ? ? (1)appendChild: 向節點的子節點列表的末尾添加新的子節點

? ? ? (2)insertBefore:在已知的子節點前插入一個新的子節點

? 3.替換節點:

? ? ? replaceChild:將某個子節點替換為另一個

? ? ? replaceChild(要插入的新元素,將被替換的老元素)

? 4.復制節點:

? ? cloneNode:創建指定節點的副本,需要被復制的節點.cloneNode(true/false)

? 5.刪除節點:

? ? removeChild:刪除指定的節點,removeChild(要刪除的節點)


三.屬性操作

? ? ?1.獲取屬性:

? ? ? ? getAttribue: 獲取元素節點中指定屬性的屬性值

? ? ?2.設置屬性:

? ? ? setAttribute: 創建或改變元素節點的屬性

? ? ?3.刪除屬性:

? ? ? removeAttribute: 刪除元素中的指定屬性

? ? ?

? ?四. 文本操作:

? ? ? 1. insertData(offset,string):從offset指定的位置插入string

? ? ? 2.appendData(string): 將string插入到文本節點的末尾處

? ? ? 3.deleteDate(offset,count): 從offset刪除count個字符

? ? ? 4.replaceData(off,count,string): 從off將count個字符用string替代

? ? ? 5.splitDtat(offset): 從offset起將文本節點分成兩個節點

? ? ? 6.substring(offset,count): 返回由offset起的count個節點

? ? ? ??

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容