element.style.md.svn-base

mooltools源码很不错的源码

Native: Element {#Element}
==========================
对Element的层叠样式表操作的方法

Element 方法: setStyle {#Element:setStyle}
--------------------------------------------

为元素设置一个CSS属性

###	语法:

	myElement.setStyle(property, value);

###	参数:

1. property - (*string*) CSS属性名
2. value    - (*mixed*)  属性值. 如果该属性的值需要计量单位, 但未给出的话, 将默认自动赋予单位'px'

###	返回值:

* (*element*) 主调元素

###	示例:
	//以下两行代码的效果相同:
	$('myElement').setStyle('width', '300px'); 	//width属性变为300px
	$('myElement').setStyle('width', 300); 		//width属性变为300px

###	备注:

- 任何数值将都被四舍五入成整数



Element 方法: getStyle {#Element:getStyle}
--------------------------------------------

返回指定的CSS属性值

###	语法:

	var style = myElement.getStyle(property);

###	参数:

1. property - (*string*) CSS属性名

###	返回值:

* (*string*) CSS属性值

###	示例:

	$('myElement').getStyle('width'); 			//返回 "300px"
	$('myElement').getStyle('width').toInt(); 	//返回 300



Element 方法: setStyles {#Element:setStyles}
----------------------------------------------

为元素设置一组CSS属性

###	语法:

	myElement.setStyles(styles);

###	参数:

1. styles - (*object*) CSS属性'名/值'对象

###	返回值:

* (*element*) 主调元素

###	示例:

	$('myElement').setStyles({
		border: '1px solid #000',
		width: 300,
		height: 400
	});

###	另参考:

- [Element:getStyle][]



Element 方法: getStyles {#Element:getStyles}
----------------------------------------------

返回一个包含多个指定CSS属性名/值对的对象

###	语法:

	var styles = myElement.getStyles(property[, property2[, property3[, ...]]]);

###	参数:

1. properties - (*strings*) 任意数量的属性名

###	返回值:

* (*object*) 包含多个指定CSS属性名/值对的对象

###	示例:

	$('myElement').getStyles('width', 'height', 'padding'); 
	
	/**
	 * 返回 
	 *{
	 *	width: "10px", 
	 *	height: "10px", 
	 *	padding: "10px 0px 10px 0px"
	 *}
	 */

###	另参考:

- [Element:getStyle][]



[$]: /Element/Element/#dollar
[Function]: /Native/Function
[Element:getStyle]: #Element:getStyle