DOM的節(jié)點(diǎn)操作樣式大致分為：增朝聋、刪虐沥、改腿宰、查
操作DOM的元素時(shí)需要獲取到元素的節(jié)點(diǎn)雁刷，類似于css的選擇器拌消，通過選擇器獲取到對(duì)應(yīng)的標(biāo)簽節(jié)點(diǎn)。以下是獲取元素的幾個(gè)方法
1安券、獲取元素
document(當(dāng)前文檔的根節(jié)點(diǎn))
document.getElementByid() 按照id獲取節(jié)點(diǎn)
document.getElementsByClassName() 按照類名獲取節(jié)點(diǎn)墩崩，使用非ID的節(jié)點(diǎn)獲取，獲取的節(jié)點(diǎn)為數(shù)組侯勉。
document.getElementsByTagName() 按照標(biāo)簽名獲取節(jié)點(diǎn)鹦筹，使用非ID的節(jié)點(diǎn)獲取，獲取的節(jié)點(diǎn)為數(shù)組址貌。
document.querySelectorAll() 通過選擇器匹配元素 [批量]
document.querySelector() 通過選擇器匹配 [單個(gè)]
2铐拐、元素屬性操作
獲取到元素屬性后可以對(duì)其進(jìn)行操作，操作的方式如下：
方法一：
獲取屬性 : ele.屬性（html） css的屬性
設(shè)置屬性 ： ele.屬性（html） = “值” css的屬性值
方法二：
獲取屬性：ele.getAttribute(“src”)
設(shè)置屬性 ：ele.setAttribute(“src”,”1.jpg”)
3练对、設(shè)置元素樣式
可以理解為DOM操作就是在操作標(biāo)簽的元素遍蟋，其方法和css樣式無異，只不過操作的方式改變了螟凭，但效果是相同的虚青。下面是操作元素的樣式屬性(css樣式）style屬性
設(shè)置樣式 ：ele.style.css樣式屬性=”值”
獲取樣式 ：ele.style.css樣式（style=””）
4、操作標(biāo)簽
DMO操作不僅可以更改元素的樣式螺男，還可以對(duì)標(biāo)簽增加屬性棒厘，可以這么理解纵穿，DOM操作就是可以更改HTML標(biāo)簽的萬能操作，只要獲取到id奢人，即可對(duì)標(biāo)簽進(jìn)行操作谓媒。
給元素增加屬性：
ele.className = “name” 設(shè)置name
ele.id = “value” 設(shè)置value
ele.dataItem = “xxx”
5、節(jié)點(diǎn)操作
元素節(jié)點(diǎn)操作何乎，除了更改和創(chuàng)建元素的樣式之外句惯，DOM操作還提供了增加節(jié)點(diǎn)操作，直接創(chuàng)建標(biāo)簽節(jié)點(diǎn)支救。
創(chuàng)建元素節(jié)點(diǎn):
document.createElement(tagName) //節(jié)點(diǎn)對(duì)象（空標(biāo)簽）
document.createrTextNode=”value” //創(chuàng)建一個(gè)字符串（string）
ele.cloneNode(ele) //復(fù)制一個(gè)節(jié)點(diǎn)
ele.appendChile(ele) //追加子節(jié)點(diǎn)宗弯，創(chuàng)建的節(jié)點(diǎn)可以追加到父節(jié)點(diǎn)中，例如：創(chuàng)建li追加到ul標(biāo)簽中搂妻， 案例：ul.appendChile(li)
6蒙保、刪除
刪除自身：
ele.remove();
