cssText

最新推荐文章于 2024-07-24 22:39:14 发布

erdouzhang

最新推荐文章于 2024-07-24 22:39:14 发布

阅读量241

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/erdouzhang/article/details/73468005

js 专栏收录该内容

98 篇文章

订阅专栏

html：

<div id="box"></div>

css：

#box {
    width: 100px;
    height: 100px;
    border: 1px solid #333;
}

js：

window.onload = function(){
    var box = document.getElementById('box');   

    box.onclick = function(){
        // box.style.width = '200px';
        box.style.cssText = 'width:200px;height:200px;';//没有任何兼容性问题，这两个方法效果一样。
    }
}

注意：
cssText添加的样式对原样式没有任何修改；
去除cssText样式，会恢复成原来的css样式。