## Text 節點 可以通過nodeValue屬性或者data屬性訪問節點中包含的文本，這兩個屬性中包含的值相同。 對nodeValue 的修改也會通過data反應出來，反之亦然。 ~~~javascript <div id="dd">hello</div> //獲得文本節點 var text = document.getElementById('dd').firstChild; //獲得nodeValue console.log(text.nodeValue); //設置nodeValue text.nodeValue = 'world'; ~~~ ## CSS操作 ### 1.style屬性 操作 CSS 樣式最簡單的方法，就是使用網頁元素節點的 `getAttribute` 方法、`setAttribute` 方法和 `removeAttribute` 方法。直接讀寫或者刪除網頁元素的 style 屬性。 ~~~ var _p1 = document.getElementById("_p1"); _p1.setAttribute("style","color:blue;"); ~~~ ### 2.Style對象 每個網頁元素對應一個 DOM 節點對象。這個對象的 style 屬性可以直接操作，用來讀寫行內 CSS 樣式。 `_p1.style.fontSize = "50px";` ### 3.cssText屬性 元素節點的 style 對象有個 cssText 屬性，該屬性可以讀寫或刪除整個樣式。 ### 3.setProperty()，getPropertyValue()，removeProperty() `_p1.style.setProperty("font-size","50px");` 需要注意的是：在使用 property 相關方法的時候，屬性名使用的是和CSS樣式中定義的一樣的。而直接使用 `style.xxxx` 方式的時候，是需要將連詞符號進行轉化為駝峰命名方式的。