Javascript 如果值为“；无”；或“；0”；？

在这种情况下，我需要删除

顶部

，

背景图像

，以及

背景颜色

：

<div id="div1" style="position: relative; font-size: 24px; left: 175px; width: 400px; height: 200px; top: 0; background-image: none; background-color: none; background-position: 50% 50%;" > New Element </div>

新元素

您可以更改样式属性

jQuery('#div1').attr('style','position: relative; font-size: 24px; left: 175px; width: 400px; height: 200px;  background-position: 50% 50%;')

您可以使用带有回调的来更新内联css

$（'div1'）.attr（'style'，function（i，v）{
返回v.split（“；”）
//按“；”拆分css值以获取每个属性
.过滤器（功能（val）{
//过滤值
var str=$.trim（val.split（'：'）[1]）；
//获取属性值并修剪以避免空格
返回！（str==0 | | str=='none'| | str==''）；
//基于此筛选检查属性值为0、无或“”的操作已完成
}).加入（“；”）；
//连接拆分的数组并返回以更新样式属性
});

新元素
使用带有空字符串或无效值的
css（）
将从样式属性中删除这些内容

$('#div1').each(function () {
    var $el = $(this),
        top = $el.css('top'),
        bgImg = $el.css('backgroundImage'),
        bgColor = $el.css('backgroundColor');       

        $el.css({
            top: top && top === '0px' ? '' : top,
            backgroundImage :bgImg =='none' ?'' : bgImg,
            backgroundColor:bgColor =='none' ?'' : bgColor
        });
});

要在页面加载后更改CSS，需要使用一些javascript代码。你能告诉我们你用javascript做了什么吗？