欢迎来到人人网开放平台 人人网首页
登录/创建账户

Element setStyle(String style, String value);

Element setStyle(Object style);

目录

[编辑] 功能描述

设置当前节点的CSS属性。有两种调用方式:第一种方式传入两个String类型的参数,分别表示要设置的CSS属性名和属性值;第二种方式可以同时设置多个CSS属性,只需传入一个Object,Object的各个属性和值表示了要设置的CSS属性名和属性值。

[编辑] 参数

参数名

类型

描述

style

String

要设置的CSS属性名。

value

String

要设置的CSS属性值。

或者

参数名

类型

描述

style

Object

style对象的属性和值就是要设置的CSS属性名和属性值,例如 style={ 'width': '18px', 'color': 'rgb(255,255,255)' }; 因此,这种方式可以同时设置多个CSS属性。

[编辑] 返回值

返回值类型

描述

Element

返回当前节点。

[编辑] 示例


<script type="text/javascript">
<!--
  var ele = document.getElementById('id123');
  ele.setStyle('color', 'rgb(255,0,0)');
  ele.setStyle('opacity', 0.5);  
  ele.setStyle({width: '400px', overflow: 'hidden'});  
//-->
</script>

[编辑] 注意事项

  1. 在普通的JavaScript中,当需要设置元素的不透明度时,在IE和Firefox中的操作是不同的,即在IE中需要设置CSS的filter属性而在Firefox中需要设置CSS的opacity属性。而在XNJS中,统一为Firefox的风格,像示例中的代码一样,使用opacity属性名。相应的属性值取(0~1)之间的值,取0时完全透明,取1时完全不透明。