使用js动态设置元素的样式的时候通常使用domObj.style方式,代码实例如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="https://www.51qianduan.com/" />  
<title>51前端</title>  
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("thediv");
  odiv.style.width="100px";
  odiv.style.height="100px";
  odiv.style.backgroundColor="green";
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>
如果要设置的属性过多的话,可能会导致代码是否冗杂,而cssText能够让我们把样式代码写在一起,而不必要每一个样式属性用一行代码设置,代码如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="https://www.51qianduan.com/" />  
<title>51前端</title>  
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("thediv");
  var styleStr="width:100px;height:100px;background-color:green";
  odiv.style.cssText=styleStr;
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>

代码描述:js style.cssText用法,js style.cssText用法简单介绍源码下载



5 6



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js函数方法 js函数 js方法 javascript函数方法 javascript函数 javascript方法

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到