JavaScript 学习笔记——cssText

Posted 2020-06-29 奔跑的蜗牛

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 学习笔记——cssText相关的知识，希望对你有一定的参考价值。

cssText 的使用

obj.cssText = " width:200px;position:absolute;left:100px;";

cssText会清除之前元素含有的样式，所以得使用

obj.cssText += " width:200px;position:absolute;left:100px;";

但是在IE(6/7/8)中的最后一个分号会被删除

obj.cssText += " ;width:200px;position:absolute;left:100px;";　//这样便能解决在IE中出现的问题了

可这样代码也显得有些麻烦，于是又找了找其他方法

//使用JSON
function setStyle(obj,json){
    for(var i in json)
    {
        obj.style[i]=json[i];
    }
}

使用的时候直接

setStyle(obj,{width : \'200px\'; position : \'absolute\'; left : \'100px\';});

以上是关于JavaScript 学习笔记——cssText的主要内容，如果未能解决你的问题，请参考以下文章