## 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'; //创建文本节点 var textNode = document.createTextNode('helloWorld!'); var element = document.createElement('div'); element.className = 'hello'; element.appendChild(textNode); console.log(element); document.body.appendChild(element); ~~~ ## CSS操作 ### 1.style属性 操作 CSS 样式最简单的方法，就是使用网页元素节点的 `getAttribute` 方法、`setAttribute` 方法和 `removeAttribute` 方法。直接读写或者删除网页元素的 style 属性。 ~~~ var asia = document.getElementById('asia'); asia.setAttribute('style','color: blue;'); ~~~ ### 1.Style对象 每个网页元素对应一个 DOM 节点对象。这个对象的 style 属性可以直接操作，用来读写行内 CSS 样式。 `_p1.style.fontSize = "50px";` ### 2.cssText属性 元素节点的 style 对象有个 cssText 属性，该属性可以读写或删除整个样式。 ### 3.setProperty()，getPropertyValue()，removeProperty() `_p1.style.setProperty("font-size","50px");` 需要注意的是：在使用 property 相关方法的时候，属性名使用的是和CSS样式中定义的一样的。而直接使用 `style.xxxx` 方式的时候，是需要将连词符号进行转化为驼峰命名方式的。