javascript - 在 Firefox 和 IE 中获取 css 属性时遇到问题

Question

更新：这里是小提琴：http: //jsfiddle.net/ZqXZP/2/。如果您在 Chrome 上查看它，然后在 firefox 上查看，您将看到问题。

我正在尝试从元素中获取完整的填充字符串。我的原始代码是这样的：

var totalPaddingString = $(element).css("padding"); //Chrome returns "10px 0px 9px 10px" etc.

//do stuff with `totalPaddingString` here

这在 Chrome 中运行良好。但是，当我尝试.css()在 Firefox 和 IE 中使用该方法时，会返回一个空字符串。起初我认为这两个浏览器如何使用 jQuery 有问题，所以我切换到原生 Javascript 属性：

var totalPaddingString = element.style.padding;

但即使这样也会返回一个空字符串。有没有其他人遇到过这个问题？有什么建议吗？

Answer 1

从.css()文档中：

不支持速记 CSS 属性（例如边距、背景、边框）。例如，如果要检索渲染的边距，请使用：$(elem).css('marginTop') 和 $(elem).css('marginRight')，等等。