js cssText 属性

此属性虽然非常的好用，可能或许很多朋友对它比较陌生，因为很多代码中对它的使用都比较少，下面就对它进行一些简单的介绍，希望能够给大家代理帮助。

如果我们要动态的设置一个div的尺寸一般都会这么写:

[ 其他 ] 运行代码下载代码

<script>
odiv.style.height="200px";
odiv.style.width="200px";
</script>

以上代码可以将odiv的长宽分别设置为200px。

其实上面的代码也可以用以下方式写:

[ 其他 ] 运行代码下载代码

<script>
odiv.style.cssText="width:200px;height:200px;";
</script>

也就是说cssText属性可以一次性写多个样式属性，类似于样式表中的功能。

完整的代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51qianduan.com/" /> 
<title>cssText属性-51前端</title> 
<style type="text/css">
#thediv{background-color:blue}
</style>
<script type="text/javascript"> 
window.onload=function()
{
  var odiv=document.getElementById("thediv");
  odiv.style.cssText="width:200px;height:200px;";
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>

代码描述：js cssText属性。js cssText 属性

下载全部收藏

156 208

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册