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