Javascript 如何从样式属性中删除属性?
如何使用JQuery或Javascript从CSS样式中删除属性。我想从下面的div样式中删除width属性。 我试着和他一起工作,但都没用。我想从样式中删除的属性是一个div,它没有关联的ID,但只有classnameJavascript 如何从样式属性中删除属性?,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
<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: ''});
});