本身是window物件上的乙個子物件。
我們寫的html**，載入到瀏覽器中，就會形成document物件。
利用document物件，就可以獲取dom樹上的元素節點。
document.head 了解
獲取head元素
document.title 了解
獲取不是title元素，是title標籤中的文字節點
document.body 了解
獲取body元素
document.childnodes 了解
獲取所有的子節點
document.children 了解
獲取所有的元素節點
....
let divs = document.getelementsbytagname("div")
for (let div of array.from(divs))
let res = document.getelementsbyname("div1")
for (let div of array.from(res))
let res = document.getelementsbyclassname("div1")
for (let div of array.from(res))
// .son 類選擇器 queryselector選擇滿足條件的第1個元素// let res = document.queryselector(".son")
// .father .son 後代選擇器
let res = document.queryselector(".father .son")
console.log(res)
// queryselectorall 選中所有 queryselectorall返回值也是乙個偽陣列
let res = document.queryselectorall(".father .son")
console.log(res)
console.log(array.isarray(res))
console.log(array.from(res))
parentnode 獲取父節點 重要 沒有相容性問題 忽略換行節點
parentelement 獲取父節點 重要 沒有相容性問題
獲取標籤中第乙個子節點 不要用 因為它會考慮換行節點 注釋節點獲取標籤中第乙個子元素節點 可以使用let father = document.queryselector(".father")
console.log(father.firstchild); // 獲取是換行節點
獲取標籤中最後乙個子節點 不要用 因為它會考慮換行節點 注釋節點獲取標籤中最後乙個子元素節點 可以使用let father = document.queryselector(".father")
console.log(father.lastchild); // 獲取換行節點
console.log(father.lastelementchild); // 獲取元素節點
獲取下乙個兄弟節點 會有換行節點影響獲取下乙個兄弟節點獲取上乙個兄弟節點 會有換行節點影響獲取上乙個兄弟節點獲取乙個或多個元素節點方案：
1） document.head document.title document.body
3） 根據標籤名獲取元素節點 document.getelementsbytagname("div")
4） 根據name獲取元素節點 document.getelementsbyname("div1")
5） 根據class的名字獲取元素節點 document.getelementsbyclassname("div1")
6） 根據選擇器來獲取乙個元素名點 document.queryselector(".father") document.queryselectorall(".father .son")
7） 通過節點關係來獲取某乙個元素節點
parentelement
firstelementchild
lastelementchild
nextelementsibling:
previouselementsibling:
children
2）根據標籤名獲取元素節點 document.getelementsbytagname("div") 非常標準的
3）根據選擇器來獲取乙個元素名點 document.queryselector(".father") document.queryselectorall(".father .son")
4）parentelement
HTML DOM節點的屬性獲取
根據實驗發現，dom節點中，html節點都有下列的屬性，並列舉重要的屬性 例如 var trobj document.getelementbyid id 1 獲得乙個tr dom物件 trobj.parentnode 獲得tr的父節點 trobj.firstchild 獲得tr第乙個子節點 trob...
jQuery 獲取DOM節點的兩種方式
jquery中包裹後的dom物件實際上是乙個陣列，要獲得純粹的dom物件可以有兩種方式 1 使用陣列索引方式訪問，例如 var dom dom 0 如 id 0 2 使用函式get 訪問，例如 var dom dom get 0 get 函式中的引數為索引號。什麼是jquery物件？就是通過jque...
資料整合的N種方式
據我了解的一些企業，這最近幾年企業資訊化過程中系統沒有少上，什麼 erp，pdm，csm，dserp 等算起來將近有七八套，在一定程度上提高了企業的資訊化管理水平，但是又迎來了另乙個問題。企業的許多資料在不同的系統中需要維護，經常會出現不同的系統間資料不一致的問題，這就需要各系統之間進行整合。由於各...