一 . 節點屬性
dom 是樹型結構，相應的，可以通過一些節點屬性來遍歷節點樹：
方法說明
nodename
節點名稱，相當於tagname.屬性節點返回屬性名，文字節點返回#text。nodename，是唯讀的。
nodetype
節點的型別，返回值：1，元素節點；2，屬性節點；3，文字節點。nodetype 是唯讀的。
nodevalue
節點的值，返回乙個字串，指示這個節點的值。元素節點返回 null，屬性節點返回屬性值，文字節點返回文字。nodevalue 可讀可寫，這是對元素節點不能寫。一般只用於設定文字節點的值。
childnodes
返回子節點陣列。文字和屬性節點的 childnodes 永遠是 null。可以用 haschildnodes 來判斷是否有子節點。唯讀屬性。
firstchild
返回第乙個子節點。文字和屬性節點沒有子節點，會返回乙個空陣列。對於元素節點，若是沒有子節點會返回 null。有乙個等價式：firstchild = childnodes[0]。
lastchild
nextsibling
返回節點的下乙個兄弟節點。如果沒有下乙個兄弟節點的話，返回 null。唯讀屬性。
previoussibling
返回節點的上乙個兄弟節點。同上。
parentnode
返回節點的父節點。document.parentnode 返回 null，其他的情況下都將返回乙個元素節點，因為只有元素節點擁有子節點，出了 document 外任何節點都擁有父節點。唯讀屬性。
二. 節點方法
還記得下面這些我們用過的方法麼，他們都是 dom 的方法：
方法說明
write()
寫入內容到文件
getelementbyid()
返回帶有指定 id 的元素
getelementsbytagname()
返回帶有指定標籤名的所有元素
getelementsbyclassname()
返回包含指定類名的所有元素的乙個列表
get/setattribute('key', 'value')
返回或設定屬性節點。
這些方法的前面要加上 document 物件的哦~
還有一些其它的 dom 操作控制的方法：
方法說明
createelement('tagname')
建立節點。
createtextnode('text');
建立文字節點。
在父節點末尾附加子節點 ，其中 o 為節點物件。
createdocumentfragment()
建立文件片斷。
removechild(op)
刪除節點。
replacechild(newop, targetop)
替換節點。
insertbefore(newop, targetop)
已有的子節點前插入乙個新的子節點。
insertafter(newop, targetop)
已有的子節點之後插入乙個新的子節點。
get/setattribute('key', 'value')
設定或得到屬性節點。
clonenode(true/false)
複製節點。
這些方法的使用主體不只是 document，更多的是各個節點元素。
在文件物件模型（dom）中，每個節點都是乙個物件。dom 節點有三個重要的屬性 ：
屬性說明
nodename
節點名稱，相當於 tagname 屬性節點返回屬性名，文字節點返回 #text。nodename，是唯讀的。
nodetype
節點的型別，返回值：1，元素節點；2，屬性節點；3，文字節點。nodetype 是唯讀的。
nodevalue
節點的值，返回乙個字串，指示這個節點的值。元素節點返回 null，屬性節點返回屬性值，文字節點返回文字。nodevalue 可讀可寫，這是對元素節點不能寫。一般只用於設定文字節點的值。
節點屬性介紹：
一、nodename 屬性：節點的名稱，是唯讀的。
1. 元素節點的 nodename 與標籤名相同
2. 屬性節點的 nodename 是屬性的名稱
3. 文字節點的 nodename 永遠是#text
4. 文件節點的 nodename 永遠是#document
二、nodevalue 屬性：節點的值
1. 元素節點的 nodevalue 是 undefined 或 null
2. 文字節點的 nodevalue 是文字自身
3. 屬性節點的 nodevalue 是屬性的值
三、nodetype 屬性：節點的型別，是唯讀的。以下常用的幾種結點型別:
元素型別
節點型別元素1
屬性2文字3
注釋8文件9
我們有兩種方法替換元素的內容，乙個是 innerhtml，另乙個是 innertext。
innerhtml 屬性用於獲取或替換元素的內容，比如 標籤內的所有元素。
文字內容
innertext 屬性用於獲取或替換元素的文字內容，只有文字內容，沒有其它 html 標籤。
文字內容
使用語法：
js操作dom節點
1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...
js操作dom節點
1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...
js原生dom操作
1.建立元素 var a document.createelement a var node1 document.createelement div var node2 document.createtextnode hello world 2.新增子元素 刪除子元素 document.body.r...