javascript - 如何从 div 中删除 css 样式？

Question

我正在使用 jQuery Autosize为 textarea 元素启用自动高度。

当我聚焦文本区域时效果很好。
如果我模糊纹理，我想删除纹理的 height 以将高度调整为默认值。

我想知道在blur 操作上我应该怎么做才能使文本区域保持默认值。

这是我在 javascript 控制台上尝试执行的操作以测试我的脚本。

当我加载页面时，文本区域处于模糊状态:

$('#announcement').css('height'); // "36px"

如果我关注文本区域:

$('#announcement').css('height'); // "90px"

$('#announcement').removeAttr('height');
$('#announcement').css('height'); // "90px" 
// why do I continue to get this value even if I removed the Attribute height?

我知道我可以简单地解决我的问题，只需进行模糊操作$('#announcement').css('height', '36px');
但我想避免在 javascript 代码中设置 css 属性。
有什么想法吗？

Answer 1

你可以清除直接在元素上设置的style.height:

$('#announcement').css('height', '');

请参阅此处的工作示例:http://jsfiddle.net/jfriend00/LXspR/

在您的示例中，removeAttr() 适用于属性，而不适用于 style.height 等样式属性。 .css("height") 适用于 style.height。