style.cssText用法简单介绍

虽然标题是style.cssText的用法，其实这里介绍的是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 cssText="font-size:28px;color:red";
  odiv.style.cssText=cssText;
}
</script>  
</head>  
<body>  
<div id="thediv">51前端</div>
</body>  
</html>

上面的代码可以将div的字体大小设置为28px，字体颜色为红色。

从上面的代码可以看出使用cssText属性可以一次性设置多个css样式属性，而不必要像下面的方式一个属性一行:

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

<script>
odiv.style.fontSize="28px";
odiv.style.color="red";
</script>

代码描述：style.cssText用法。style.cssText用法简单介绍

下载全部收藏

257 342

用户评论

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

522688

作品：1334 | 粉丝：44

关注

TA的相关作品 >>更多

style.cssText用法简单介绍

JavaScript封装id选择器代码下载

js udp广播服务器和客户端源码实例

stopPropagation()停止事件传播代码下载

javascript自执行函数形式简单介绍

js其他后台语言附件功能代码下载

new运算符作用域构造函数创建对象源码下载