元素節點 html標籤 img body input div
文字節點 文字部分
屬性節點 標籤內的屬性
注釋節點
1.document
頁面中最大的節點，有且只有乙個。不屬於元素節點，是頁面中所有節點的容器。 根節點。
2.html
頁面中最大的元素節點。根元素節點。
3.元素節點
html標籤
4.文字節點
每一段文字內容都是乙個文字節點
包含 換行 和 空格
一般來說作為元素節點的子節點存在。
5.屬性節點：
屬性節點不能單獨存在，必須依賴於元素節點。
6.注釋節點
頁面中的注釋，作為說明文字使使用者。
標籤上的屬性分類：
1.原生屬性
2.自定義屬性
3.h5 自定義屬性
語法：元素.屬性名
修改/新增：
元素.屬性名 = "值"
獲取：元素.屬性名
【注意】class屬性是例外，不能直接通過屬性名獲取，而是用classname
不能直接使用 元素. 這個語法來獲取。
三個方法去操作：
獲取getattribute("屬性名");
返回值：字串
設定setattribute("屬性名","屬性值")
刪除 removeattribute("屬性名")
【注意】這三個方法也可以操作原生屬性
每乙個元素節點上都有乙個屬性：dataset
裡面包含了所有的h5自定義屬性。
鍵值對結構： 例子;data-id ="idbox"
key：data-*** ***的內容。
value:屬性值
獲取：元素.dataset.key
設定：元素.dataset.key = "值"
刪除delete 元素.dataset.key
獲取：元素.classname
設定：元素.classname = "值"
追加：元素.classname += " 值";
【注意】 追加時，值的前面要加乙個空格。
刪除：1.重新設定一遍。
2.2.1 獲取classname屬性值、
2.2 按照空格去分割字串
2.3 遍歷陣列，將要刪除的字串刪除
2.4 陣列的join方法
元素節點都有乙個屬性叫做：classlist
裡面包含了所有的class值。
獲取：元素.classlist 獲取class值的集合。
想要獲取單個，使用下標。
新增：元素.classlist.add("新增的類名")
刪除：元素.classlist.remove("刪除的類名")
替換：元素.classlist.replace("舊類名","新類名") ;
toggle() 切換
語法：元素.classlist.toggle(類名)
當元素擁有這個類名時，將類名刪除
當元素沒有這個類名時，將類名新增
獲取元素節點中除了本身的標籤外，所有的html**。
獲取：元素.innerhtml
設定：元素.innerhtml = "新的內容"
【注意】 innerhtml 會覆蓋原有的內容，而且會解析其中的標籤。
獲取元素節點中的文字內容,會覆蓋原有的內容，不會解析內容中的標籤。
獲取：元素.innertext
設定：元素.innertext = "新的內容";
主要使用在表單元素中。
操作表單元素節點的value屬性。
獲取：表單元素節點.value
設定：表單元素節點.value = "值"
原生屬性的方式獲取
元素.style.樣式的屬性名
【注意】如果屬性名是多個單詞，第二個單詞首字母大寫，刪除中劃線。
該方法只能獲取行內。
標準瀏覽器：
getcomputedstyle(要獲採樣式的元素)
ie低版本：（ie8以下）
元素.currentstyle.樣式屬性名 box.currentstyle.width
注意：只能設定行內式
語法：元素.style.樣式名 = "值";
通過節點關係獲取節點：
dom節點不是孤立存在，我們可以通過節點之間的關係去獲取他們。
節點的關係，是以屬性的方式存在的。
節點.parentnode
1.下乙個節點
node.nextsibling
對於標準瀏覽器，標籤，空文件，換行都屬於節點。
2.下乙個元素節點
node.nextelementsibling
下乙個兄弟節點 = 節點.nextelementsibling||節點.nextsibling
3.上乙個節點
node.previoussibling
4.上乙個元素節點
node.previouselementsibling
1.第乙個子節點
node.firstchild
2.獲取第乙個元素節點
node.firstelementchild
3.獲取最後乙個子節點
node.lastchild
4.獲取最後乙個元素節點
node.lastelementchild
1.獲取所有子節點
語法：node.childnodes
返回的是子節點的偽陣列（元素節點，文字節點，注釋節點）
2.獲取所有的元素子節點
語法：node.children
返回元素節點。使用最多的方法。
屬性：事物的特徵
nodename: 節點名稱
注釋節點： #comment
文字節點： #text
元素節點： 大寫的標籤名
屬性節點： 屬性名
nodetype：節點型別
注釋節點：8
文字節點：3
元素節點：1
屬性節點：2
nodevalue：節點的值
注釋節點：注釋內容
文字節點：文字內容
元素節點：null
屬性節點：屬性值
獲取DOM節點
getelementbyid 通過id獲取標籤元素 getelementsbyname 通過標籤名獲取標籤元素 getelementsbytagname index 通過標籤名獲取標籤元素集合 getattribute 獲取屬性值 getelementsbyclassname 通過class獲取一組...
dom獲取節點物件的方法
charset utf 8 title 直接獲取節點物件的方式 方式直接獲取單個物件 function demo1 2.通過標籤獲得元素的物件，獲得的是乙個集合 function demo2 3.通過屬性name 名字叫 hobby獲得 function demo3 間接獲取節點物件的方式 func...
獲取id元素 DOM元素節點獲取方法
1dom dom全稱是document object model，也叫文件物件模型，這裡document是指從開始到結束的這一部分，window視窗下載入網頁的部分就是dom。dom節點型別分為元素節點，屬性節點和文字節點。如 div文字 元素節點就是 2dom元素節點獲取方法2.1document...