1.文件------->document
2.元素------->頁面中所有的標籤，元素（element）
根元素：html標籤
3.節點------->頁面中所有的內容（標籤、屬性、文字（文字、換行、空格、回車）），node
節點的屬性：
nodetype:節點的型別：1*****》標籤, 2*****==》屬性， 3*****=》文字
nodename:節點的名字：標籤節點---》大寫的標籤名字，屬性節點---》小寫的屬性名字，文字節點-----#text
nodevalue:節點的值：標籤節點----null，屬性節點-----屬性值，文字節點-----文字內容
1.獲取當前節點的父級節點：
//獲取當前標籤的id物件
var a = document.getelementbyid("id名稱");
//在控制台輸出當前標籤的父級節點
console.log(a.parentnode);
//在控制台輸出當前標籤的父級元素
console.log(a.parentelement);
//在控制台輸出標籤的屬性
console.log(ulobj.parentnode.nodetype);//標籤的---1
console.log(ulobj.parentnode.nodename);//標籤---大寫的標籤名字
console.log(ulobj.parentnode.nodevalue);//標籤---null
2.獲取所有的子節點和子元素
//獲取標籤物件
var a = document.getelementbyid("id名稱");
//在控制台輸出
console.log(a.childnodes);
console.log(a.children);
3.獲取節點的其他方法
//獲取父級節點
console.log(a.parentnode);
//獲取父級元素
console.log(a.parentelement);
//獲取子節點
console.log(a.childnodes);
//獲取子元素
console.log(a.children);
//獲取第乙個子節點
console.log(a.firstchild);
//獲取第乙個子元素
console.log(a.firstelementchild);
//獲取最後乙個子節點
console.log(a.lastchild);
//獲取最後乙個子元素
console.log(a.lastelementchild);
//獲取某個元素的前乙個兄弟節點
console.log(a.previoussibling);
//獲取某個元素的前乙個兄弟元素
console.log(a.previouselementsibling);
//獲取某個元素的後乙個兄弟節點
console.log(a.nextsibling);
//獲取某個元素的後乙個兄弟元素
console.log(a.nextelementsibling);
javascript中object型別介紹
constructor 儲存著用於建立當前物件的函式 hasownproperty propertyname 用於檢測給定的屬性在當前物件的例項中 而不是在例項的原型中 是否存在 其中作為引數屬性名的 propertyname 必須以字串形式指定 eg o.hasownproperty name i...
javascript中的節點屬性。
節點屬性 在文件物件模型 dom 中，每個節點都是乙個物件。dom 節點有三個重要的屬性 1.nodename 節點的名稱 2.nodevalue 節點的值 3.nodetype 節點的型別 一 nodename 屬性 節點的名稱，是唯讀的。1.元素節點的 nodename 與標籤名相同 2.屬性節...
JavaScript中DOM的層次節點（二）
text型別為文字節點，包含的是可照字面解釋的純文字內容，可以包含轉義後的html字元，但不能包含html 型別值 nodetype 3nodename text nodevalue 節點所包含的文字 parentnode element 沒有節點 可以通過nodevalue和data屬性訪問tex...