用來表示文件中物件的標準模型就稱為dom
節點： 頁面中的所有內容都是節點
節點型別： 元素節點 node.element
屬性節點 node.attribute
文字節點 node.text
注釋節點 node.comment
節點型別的屬性： nodetype
可以通過節點元素的nodetype屬性得到節點型別
element 1 元素節點
text 3 文字節點（空白行也是文字節點）
comment 8 注釋節點
htmldocument 9
document.nodetype=9
href
="#"
>
這是乙個a標籤a
>
>
我是div的第乙個節點 是個文字節點
'paragraph'
>
我是個段落啊p
>
>
class
="list"
>
11111111111li
>
class
="list"
>
22222222222li
>
ul>
document.getelementsbytagname(『div』)[0].childnodes 獲取div的所有子節點
其中兩個呀元素中間的換行預設為乙個textnode節點類似於
>
>
ul>
這個是乙個節點
div>
parentnode 父節點
childnodes 子節點
firstchild 第乙個子節點
lastchild 最後乙個子節點
previoussibling前乙個兄弟節點
nextsibling 下乙個兄弟節點
var div = document.
getelementsbytagname
("div")[
0];//獲取div的子節點
console.
log(div.childnodes)
;//獲取div的父節點
console.
log(div.parentnode )
;// 第乙個子節點
console.
log(div.firstchild )
;//最後乙個子節點
console.
log(div.lastchild )
;//前乙個兄弟節點
console.
log(div.previoussibling )
;//下乙個兄弟節點
element型別的節點 nodetype=1
parentelement 兄弟元素節點
children 所有的子元素節點
firstelementchild 第乙個子元素節點
lastelementchild 最後乙個子元素節點
previouselementsibling前乙個兄弟元素節點
nextelementsibling 下乙個兄弟元素節點
var div = document.
getelementsbytagname
("div")[
0];//獲取div的所有元素子節點
console.
log(div.children )
;//獲取div的元素父節點
console.
log(div.parentelement )
;// 第乙個元素子節點
console.
log(div.firstelementchild )
;//最後乙個元素子節點
console.
log(div.lastelementchild )
;//前乙個兄弟元素節點
console.
log(div.previouselementsibling )
;//下乙個兄弟元素節點
JS中的DOM內容節點操作
document 物件中有innerhtml和innertext 兩個屬性，這兩個屬性都是獲取和修改 document 物件的文字內容。innerhtml 設定或返回所選元素的內容 包括 html 標記 給p標籤新增文字內容 給div標籤新增標籤innertext 設定或返回所選元素的文字內容 不包...
JS中的DOM節點以及操作
操作屬性節點有兩種當時，一種是通過普通物件的方式來操作屬性節點，另外一種是通過屬性節點的方法來操作屬性節點。如果我們可以把元素節點當成普通物件來處理，通過 元素節點.屬性 或 元素節點 屬性 的方式來設定屬性。注意 設定類 class 只能用 classname 1.1 獲取屬性var img do...
js操作dom節點
1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...