子級:
父級.children ——> 一組元素
父級:
子級.parentnode this
兄弟節點:
下乙個兄弟節點相容
obj.nextelementsibling || obj.nextsibling
上乙個兄弟節點:
var opre=obj.previouselementsibling|| obj.previoussbling
首節點:
父級.firstchild
父級.firstelementchild
obj.firstelementchild || obj.firstchild
尾節點:
父級.lastchild
父級.lastelementchild
obj.lastelementchild || obj.lastchild
建立元素
document.createelement('標籤名')
新增元素
父級.insertbefore(新增的元素,新增在前面)
刪除元素
父級.removechild(元素名)
替換元素
父級.replacechild(插入的節點,替換的節點)
javascript DOM 獲取節點
1.獲取元素節點 1.1 通過元素節點的id屬性獲取 語法 document.getelementbyid 元素id屬性的值 例如 1.2 根據元素的名稱獲取,獲取的是所有為該名稱的元素節點組成的陣列,可以用陣列的方法操作該節點陣列 語法 document.getelementsbytagname ...
JavaScript DOM節點操作總結
節點型別主要有三種 元素節點,屬性節點和文字節點。而對dom的主要也就是圍繞元素節點和屬性節點的增刪改查。下面就分別從對元素節點的操作和對屬性節點的操作來介紹。在對dom進行增刪改之前,首先要找到對應的元素。具體的查詢方法如下 getelementbyid 得到單個節點 getelementsbyt...
JavaScript DOM節點樹操作總結
前言 開啟乙個頁面,載入完html檔案後,瀏覽器首先做的就是解析html 並開始繪製節點樹,也就是說,我們刪除標籤元素,新增標籤元素,改變標籤元素的大小,改變標籤元素的內容,其實就是在刪除dom節點,新增dom節點,改變dom節點的大小,也就是說在dom節點樹上進行操作。這是乙個很簡單的節點樹,相當...