## 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 属性，该属性可以读写或删除整个样式。 ### 4.setProperty()，getPropertyValue()，removeProperty() `_p1.style.setProperty("font-size","50px");` 需要注意的是：在使用 property 相关方法的时候，属性名使用的是和CSS样式中定义的一样的。而直接使用 `style.xxxx` 方式的时候，是需要将连词符号进行转化为驼峰命名方式的。