如何从元素中获取内联 CSS 样式属性

Question

我在获取内联 css 样式属性时遇到问题。

我试过这样做：

  var inline_css = $(this).attr("style");

但…

它仅在元素没有内联样式之外的任何其他 css 属性时才有效…例如：

 .our_element {something: some;}

任何想法如何从具有许多其他 CSS 属性的元素中仅获取内联 CSS 属性？

原文由 luke9999 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

即使这是一个旧帖子，但这是对其他人有帮助的答案。您可以尝试以下代码 -

HTML 代码如 -

 <p style="color: red; height: 300px">

jQuery 代码 -

 let height = $('p').get(0).style.height;
let color = $('p').get(0).style.color;

下面的输出 -

 let height = $('p').get(0).style.height;
let color = $('p').get(0).style.color;

$('#output').html( 'Color: ' + color + '<br> Height: ' + height );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p style="color: red; height: 300px">
<div id="output"></div>

原文由 Jilani A 发布，翻译遵循 CC BY-SA 4.0 许可协议