饑人谷_李棟
1.節(jié)點的屬性
2.節(jié)點的方法
3.節(jié)點的集合
一泰演、node屬性
nodeName://節(jié)點的名字
nodeType://節(jié)點的常數(shù)值
ELEMENT_NODE-> 1
TEXT_NODE-> 3
DOCUMENT_NODE-> 9
ATTRIBUTE_NODE-> 2
ownerDocument://擁有他的文檔
nextSibling://下一個兄弟節(jié)點（后面有空格則返回一個文本節(jié)點內(nèi)容為空格）
previousSibling://前一個兄弟
parentNode:父節(jié)點
parentElement://父Element節(jié)點
textContent://返回當(dāng)前節(jié)點和后代節(jié)點的文本內(nèi)容
注意，會忽略節(jié)點內(nèi)部的標簽非驮，如果不是直接包含文本會一直往里走直到找到文本為止
document.getElementById('div').textContent='<p>hello!</p>'
//會把<p>hello!</p>整體當(dāng)作文本
document.getElementById('div').innerHTML ='<p>hello!</p>'
//會把hello第租！當(dāng)作文本
nodeValue://返回/設(shè)置節(jié)點的值（字符串）
childNodes:// 返回一個子節(jié)點集合（類似array）
firstNode://返回 第一個子節(jié)點
lastChild：//返回最后一個子節(jié)點
baseURI://當(dāng)前網(wǎng)頁的絕對路徑
注意，不是URL
二拉鹃、節(jié)點的方法
- appendChild(節(jié)點對象)：//在子節(jié)點后 插入節(jié)點對象
var p=document.createElement('p')//創(chuàng)建一個p標簽
document.body.appendChild(p)//在body的子節(jié)點后加p
var p=document.createTextNode('你好')
document.body.appentchild(p)//在body的子節(jié)點后加p內(nèi)容為你好
- cloneNode(參數(shù))：//克隆一個節(jié)點
注意骑素，參數(shù)為true，則克隆子節(jié)點
添加的事件回調(diào)不會被克隆
- insertBefore()： //將某個節(jié)點插入當(dāng)前節(jié)點的指定位置
target.insertBefore(插入的元素冀墨，插入的位置)
- removeChild(參數(shù))://刪除子節(jié)點
注意闸衫，參數(shù)必須是當(dāng)前節(jié)點的兒子
刪除所有子節(jié)點：//循環(huán)刪，直到為空
- replaceChild()://將一個新節(jié)點替換某一個子節(jié)點
target.replaceChlid(新兒子诽嘉，舊兒子)
注意蔚出，id區(qū)分大小寫，標簽不分大小寫
等號左邊可以隨便含懊，右邊就要區(qū)分了
contain()：//是否包含這個內(nèi)容
compareDocumentPosition(): //同contain返回7bit二進制值表示參數(shù)節(jié)點和當(dāng)前節(jié)點的位置
0相同1不在同一個文檔2在前面4在后面8包含16被包含32瀏覽
器私有
isEqualNode()://節(jié)點是否相等身冬，同===
normalize()://處理節(jié)點內(nèi)部的文本節(jié)點（去除空文本節(jié)點，其他的合并為一個文本節(jié)點）
三岔乔、節(jié)點的集合
-
NodeList
注意酥筝，他是一個對象，不是數(shù)組雏门，只含有索引和length兩個屬性 -
HTMLCollection
注意嘿歌，也是個節(jié)點集合，成員是element （不包含文本節(jié)點） - parentNode //獲取Element子節(jié)點
Element節(jié)點茁影、document節(jié)點宙帝、DocumentFrangment節(jié)點
- children //返回所有Element子節(jié)點
- firstElementChild //返回第一個Element子節(jié)點
- lastElementChild //返回最后一個Element子節(jié)點
- childElementCount //返回所有Element子節(jié)點的數(shù)目
- ChildNode處理子節(jié)點
- remove（）//移除當(dāng)前節(jié)點
