1. 節(jié)點(diǎn)的分類
nodeType 1? ? ?元素節(jié)點(diǎn)
nodeType? 2? ? 屬性節(jié)點(diǎn)
nodeType? 3? ? 文本節(jié)點(diǎn)
2. nodeName? 獲取節(jié)點(diǎn)的名稱,值是字符串,并且為大寫
//2-1? 獲取 元素節(jié)點(diǎn)的方式
document.getElementById()
? ? ? ? // document.getElemtnsByTagName()
? ? ? ? // document.getElementsByName()
? ? ? ? // document.getElementsByClassName()
? ? ? ? // document.querySelector()
? ? ? ? // document.querySelectorAll()
3. 屬性操作
attribute? ? ? ?獲取當(dāng)前元素下所有的屬性
getAttribute("屬性名稱")? ? ?返回指定屬性的值
setAttribute("屬性名稱","屬性值")? ? 設(shè)置屬性
removeAttribute(“屬性名稱”祈餐,“屬性值”)? 刪除指定的屬性
/注意:以上方法不能操作 checked,selected,disabled,它們有自己的專用屬性,就是(checked,selected,disabled)
4.創(chuàng)建節(jié)點(diǎn)
documen.createElement("標(biāo)簽名稱“)創(chuàng)建元素節(jié)點(diǎn)
document.createTextNode("文本“) 創(chuàng)建文本節(jié)點(diǎn)
5.追加節(jié)點(diǎn)
父.appendChild(子)攒菠,子元素成為父元素里面最后一個(gè)兒子
6.插入
父.insertChild(新掂僵,參照位置)
7.替換節(jié)點(diǎn)
父.replaceChild(新疫诽,被替換)
8.刪除
父.removeChild(子)? //方法一
子.remove()
9.克隆
cloneNode(false)? 默認(rèn)淺克隆婶芭,只會(huì)克隆自身結(jié)構(gòu),不會(huì)克隆子元素
cloneNode(true) 深克隆快压,會(huì)克隆自身結(jié)構(gòu)以及子元素
10. 找父節(jié)點(diǎn)
parentNode? ? ? ? ? ? ? 頂級(jí)對(duì)象是document
parentElement? ? ? ? ? null
11.兼容寫法
//前一個(gè)兄弟
var oPrev=(xxx.previousElementSibling||xxx.previousSibling)
//后一個(gè)兄弟
var? oNext=(xxx.nextElementSibling||xxx.nextSibling);
12. 兒子們
childNode? ?W3C會(huì)獲取到文本節(jié)點(diǎn)
children? 微軟? 在ie6,7 糙俗,8會(huì)把注釋當(dāng)做元素節(jié)點(diǎn)(推薦使用,不管ie)
13 . 第一個(gè)兒子
var oFirst=xxx.firstElementChild ||xxx.firstChild
14. 最后一個(gè)兒子
var oLast=xxx.lastElementChild||xxx.lastChild
15. cssText(了解)