javascript DOM節點 元素

2021-07-30 05:48:46 字數 812 閱讀 9494

子級:

父級.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節點樹上進行操作。這是乙個很簡單的節點樹,相當...