Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从样式属性中删除属性?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何从样式属性中删除属性?

Javascript 如何从样式属性中删除属性?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何使用JQuery或Javascript从CSS样式中删除属性。我想从下面的div样式中删除width属性。 我试着和他一起工作,但都没用。我想从样式中删除的属性是一个div,它没有关联的ID,但只有classname <div class="floatHeads" style="left: 0px; top: 59.34px; width: 443px; overflow: hidden; padding-right: 0px; padding-left: 0px; margin-to

如何使用JQuery或Javascript从CSS样式中删除属性。我想从下面的div样式中删除width属性。 我试着和他一起工作,但都没用。我想从样式中删除的属性是一个div,它没有关联的ID,但只有classname

<div class="floatHeads" style="left: 0px; top: 59.34px; width: 443px; overflow: hidden; padding-right: 0px; padding-left: 0px; margin-top: 0px; position: absolute; z-index: 1001;">
下面也试过了

$('.floatHeads').css({width: ''});

以上这些对我来说都不管用。请指导。

您可能需要将代码包装在
ready()
的处理程序中,以便在加载文档后运行

$(document).ready(function() {
    $('.floatHeads').css({width: ''});
});
这会奏效的

$(文档).ready(函数(){
$('.floatHeads').css('宽度','');
console.log($('.floatHeads').attr('style');
})

带有纯Javascript的占位符

var x=document.queryselectoral(“.floatHeads”);
对于(var j=0;j

您可以使用“取消设置”将“重置”为继承值

$('.floatHeads').css({width:'unset'})

函数removeWidth(){
$(“.floatHeads”).css(“宽度”,”)
}
函数addWidth(){
$(“.floatHeads”).css(“宽度”,“400”)
}

删除宽度
加宽

下面是查看其工作原理的另一种方法:

$(.rezult”).html($(.floatHeads”).attr(“style”);
函数myfunc(){
$(“.floatHeads”).css(“宽度”,”);
$(“.rezult”).html($(“.floatHeads”).attr(“style”);
}
.floatHeads{
背景:橙色;
}

埃维尤
删除宽度

@FlyingGambit:我不想从任何选择器或组件上执行此操作。我想从div开始,我没有div的任何Id,也不能把它放进去。所以上面的一个不会有帮助。
$(.floatHeads”).css({“width”:“})为什么你认为它不起作用?我运行了相同的代码,它从div标记中删除了width。@sTg很好地,jquery是一种方法。我猜你在某处使用它,它对元素没有影响。如果您将代码发布在何处以及如何设置样式,这将有助于我们帮助您。
document.querySelector
将只提供一个元素。要意识到这一点。是的,你是对的。我已经更新了anwser。
$(document).ready(function() {
    $('.floatHeads').css({width: ''});
});