Element.setStyle - Prototype JavaScript 框架

setStyle(element, styles) -> HTMLElement

修改 element 的 CSS 样式属性。参数 styles 是一个包含属性名/值对的 Hash 对象， 属性名必须使用 camelized 命名方式指定（译注：例如 CSS 属性 border-width 应写成 borderWidth，而不能写成 border-width）。

样例

$(element).setStyle({ backgroundColor: '#900', fontSize: '12px' }); 
// -> HTMLElement 

注意

该方法在处理 float 和 opacity 时，对不同的浏览器而言是透明的。然而，float 是一个保留的关键字，所以必须进行转义，或使用 cssFloat 来代替。另外，opacity 的取值界于 0（完全透明）和 1（完全不透明）之间。在不同的浏览器上，以下的代码都是安全可靠的：

$(element).setStyle({ cssFloat: 'left', opacity: 0.5 });
// -> HTMLElement 
$(element).setStyle({ 
	'float': 'left', // 注意 float 周围的单引号 
	opacity: 0.5 
}); 
// -> HTMLElement 

该方法并不支持所有的 CSS 属性，或许你仅能够使用在 文档对象模型（DOM）级别 2 样式规范 中描述的 CSS 属性。

译注：注意，如果要将某个 CSS 样式属性置空，不能直接使用 null，如 $(element).setStyle({ backgroundColor: null })，这在 IE 下会抛出一个异常，在 Firefox 中可正常执行。如果要跨浏览器执行，最好将之设置为空字符串，如 $(element).setStyle({ backgroundColor: '' })，这在 IE 和 Firefox 下都能很好的执行。