jquery - 如果应用内联样式，如何从外部 css 文件获取 css 属性？

Question

如果将内联样式应用于同一元素，如何使用 js/jquery 从外部源获取 css 属性？示例:

<div id="my" style='left:100px'>some content</div>
<style>
    #my{left:250px;}
</style>

我想返回 250px，是否可以在不删除内联样式的情况下实现？

Answer 1

您能否在页面加载后更改标记？如果是这样，我将使用 jQuery 将样式属性更改为空值。然后我将通过 jQuery 获取左值。

var my = $('#my');
my.attr('style','');
var position = my.position();
alert(position.left);

或者如果你不想缓存变量:

$('#my').attr('style','');
alert($('#my').position().left);