javascript - 如何从 Style 属性中删除属性？

Question

如何使用 JQuery 或 Javascript 从 CSS 样式中删除属性。我想从下面的 div 样式中删除 width 属性。 我尝试使用 link但它甚至没有帮助。我想要从样式中删除的属性是一个 div，它没有关联的 ID，但只有类名。

<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;">

我尝试执行以下操作:

.floatHe .floatHeads {
    width: '';
}

也尝试过以下

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

以上内容对我来说没有任何作用。请指导。

Answer 1

function removeWidth(){
	$(".floatHeads").css("width", "")
}

function addWidth(){
	$(".floatHeads").css("width", "400")
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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; border: 1px solid black;"></div>

<button onclick=removeWidth()>
Remove width
</button>

<button onclick=addWidth()>
Add width
</button>