var head= document.getElementById("head");
head.style.cssText="width:200px;height:70px;display:bolck";

但cssText也有个缺点,会覆盖之前的样式。如
<div style="color:red;">TEST</div>
想给该div在添加个css属性width

div.style.cssText = "width:200px;";
这时虽然width应用上了,但之前的color被覆盖丢失了。因此使用cssText时应该采用叠加的方式以保留原有的样式。

function setStyle(el, strCss){
var sty = el.style;
sty.cssText = sty.cssText + strCss;}

ie=支持

function setStyle(el, strCss){

    function endsWith(str, suffix) {
        var l = str.length - suffix.length;
        return l >= 0 && str.indexOf(suffix, l) == l;
    }
    var sty = el.style,
        cssText = sty.cssText;
    if(!endsWith(cssText, ';')){
        cssText += ';';
    }
    sty.cssText = cssText + strCss;
}
 /*透明度设置*/

    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity:0.5;

最新文章

  1. ios htttp网络请求cookie的读取与写入(NSHTTPCookieStorage)
  2. ble示例代码
  3. [Basic Information Theory] Writen Notes
  4. 【POJ 3062】Party(2-SAT、tarjan)
  5. 【wikioi】1553 互斥的数(hash+set)
  6. struts (七) 域模型
  7. 解决xp搜索“文件中的一个字或者词组”失效
  8. CSS3 @keyframes 语法
  9. C#进程与线程
  10. 连接oracle数据库出现:ORA-12505,TNS:listener does not currently know of SID given in connect descriptor
  11. c# excel sheep 导出
  12. 基于visual Studio2013解决C语言竞赛题之0702函数设计
  13. Linux 虚拟IP
  14. python并发编程之多进程(二):互斥锁(同步锁)&amp;进程其他属性&amp;进程间通信(queue)&amp;生产者消费者模型
  15. python 一篇就能理解函数基础
  16. varnish 相关说明
  17. java.util(Date和Calendar)
  18. 深度学习原理与框架-卷积神经网络基本原理 1.卷积层的前向传播 2.卷积参数共享 3. 卷积后的维度计算 4. max池化操作 5.卷积流程图 6.卷积层的反向传播 7.池化层的反向传播
  19. vue通过webpack打包后怎么运行
  20. Docker学习5-Services – 服务(未完待续)

热门文章

  1. C++——并发编程
  2. JS作用域和预编译(转载 学习中。。。)
  3. Spring Bean配置默认为单实例 pring Bean生命周期
  4. Android控件之Button(按钮控件)和ImageButton(图片按钮控件)
  5. 省身 (zhuan)
  6. HBase 的存储结构
  7. Python核心编程-基础2
  8. OpenCV3编程入门笔记(5)重要章节小节及核心函数
  9. 坑爹的对GBK编码的字符进行url编码
  10. robotframework笔记7