html DOM Style对象

HTML DOM Style对象

 

    ----- Style对象代表一个单独的样式声明。可从应用样式的文档或元素访问Style对象。

 

1、使用Style对象属性：

 

 

document.getElementById("test").style.property = "对应的值";
document.getElementById("test").style[property] = "对应的值";

 

2、cssText属性

 

     ----它是一组样式属性及其值的文本表示。

 

    举例说明：

 

 

<input type="text" id="test" style="width:220px;height:20px;"/>

 

 

document.getElementById('test').style.cssText;  //"width: 220px; height: 20px;"

 

 

 

 

 

扩展阅读：

 

1、http://www.w3school.com.cn/htmldom/dom_obj_style.asp