## 特征相關屬性 > 所有的節點對象我們都可以理解為瀏覽器內置的node對象的實例。 ### 1.Node.nodeName和Node.nodeType ~~~javascript console.log("document.nodeName=" + document.nodeName); // #document console.log("document.nodeType=" + document.nodeType); // 9 ~~~  ### 2.Node.nodeValue 返回是一個字符串，表示當前節點本身的文本值，該屬性可讀寫。 由于只有Text節點、Comment節點和xml文檔的CDATA節點有文本值，因此只有這三類節點有nodeValue，其他節點一律返回null。 >注意，這里需要特別注意的是，Text節點代表的是元素或屬性中的文本內容。 ~~~javascript console.log("p.nodeValue=" + document.getElementById("_p").nodeValue); //null ~~~ ### 3.Node.textContent 返回當前節點和它的后代節點的文本內容，該屬性是可讀寫的。 ~~~javascript console.log("p.textContent=" + document.getElementById("_p").textContent); // hello,world document.getElementById("_p").textContent = "hello, <span color='red'>nantong!</span>"; // hello, <span color='red'>nantong!</span> ~~~ 上面代碼在插入文本時，會將<span>標簽解釋為文本，而不會當做標簽去處理。 ### 4.Node.nextSibling 返回緊跟在當前節點后面的一個同級節點。如果沒有找到返回null。 > 注意：該屬性還包括文本節點。因此如果當前節點后面有空格，該屬性返回一個文本節點，內容為空格。 ~~~javascript var _pb = document.getElementById("_p").nextSibling; console.log(_pb.textContent); // 空格 ~~~ ### 5.Node.previousSibling > 返回當前節點前面的，距離最新的一個同級節點。 ### 6.Node.parentNode > 返回當前節點的父節點。父節點只可能包括三種類型：element節點、document節點、documentfragment節點 ### 7.Node.parentElement > 返回當前節點的父element節點。不是W3C標準，僅支持IE。 ### 8.childNodes 返回一個nodelist集合，成員包括當前節點的所有子節點。 > 注意：除了Html元素節點，還包括Text節點和Comment節點。如果當前節點不包含任何子節點，則返回一個空的nodelist集合。 ~~~html Html: <div id="_asia"> <span id="_china">China</span> <!-- xxxx --> <span id="_korea">Korea</span> <span id="_japan">Japan</span> </div> var _asia = document.getElementById("_asia"); var _asias = _asia.childNodes; console.log(_asias); ~~~  ### 9.Node.firstChild/lastChild 返回當前節點的第一個或者最后一個子節點。如果沒有找到返回null。