1.通過ID獲取元素document.getElementById("id名稱")务热；
* 一個(gè)文檔中每個(gè)id只允許出現(xiàn)一次缎谷，如果出現(xiàn)多個(gè)默認(rèn)獲取第一個(gè)
* IE 6酒奶、7下表單元素的name屬性值可以當(dāng)做id使用关摇，且不用區(qū)分大小寫（即如果input的name,跟下面的元素id重復(fù)杖小，通過id獲取是會(huì)取到input肆汹，而不是下面的元素），項(xiàng)目中表單元素的那么和其他元素的id不要重復(fù)予权，也不要用大小寫區(qū)分
* 通過id如果獲取不到元素返回結(jié)果是null
2.通過標(biāo)簽名獲取元素document.getElementsByTagName("標(biāo)簽名")昂勉；
3.document.getElementsByName("name")；通過name屬性獲取元素伟件；
4.document.getElementsByClassName("類名")硼啤；通過類名獲取元素；
5.document.querySelector(）；獲取一個(gè)
6.document.querySelectorAll(）谴返；獲取多個(gè)類數(shù)組集合
獲取元素節(jié)點(diǎn)
| nodeType | nodeNmae | nodeValue | |
|---|---|---|---|
| 元素節(jié)點(diǎn) （元素標(biāo)簽） | 1 | 大寫的標(biāo)簽名 | null |
| 文本節(jié)點(diǎn)（文字） | 3 | #text | 文字內(nèi)容 |
| 注釋節(jié)點(diǎn) （注釋） | 8 | #comment | 注釋內(nèi)容 |
| document | 9 | #document | null |
DOM元素.childNodes 獲取所有的子節(jié)點(diǎn)
DOM元素.children獲取所有的元素子節(jié)點(diǎn)
DOM元素.parentNode獲取父親節(jié)點(diǎn)
DOM元素.previousSibling獲取哥哥節(jié)點(diǎn)
DOM元素.nextSibling獲取弟弟節(jié)點(diǎn)
DOM元素.firstChild 獲取第一個(gè)子節(jié)點(diǎn)
DOM元素.lastChild 獲取最后一個(gè)子節(jié)點(diǎn)
| nodeType | nodeNmae | nodeValue | |
|---|---|---|---|
| 元素節(jié)點(diǎn) （元素標(biāo)簽） | 1 | 大寫的標(biāo)簽名 | null |
| 文本節(jié)點(diǎn)（文字） | 3 | #text | 文字內(nèi)容 |
| 注釋節(jié)點(diǎn) （注釋） | 8 | #comment | 注釋內(nèi)容 |
| document | 9 | #document | null |
標(biāo)準(zhǔn)瀏覽器下煞肾，空格和換行都作為文本節(jié)點(diǎn)處理
上述的節(jié)點(diǎn)類型可以通過nodeType判斷和篩選節(jié)點(diǎn)進(jìn)行操作
