🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 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` 方式的时候,是需要将连词符号进行转化为驼峰命名方式的。