javascript - 完全按照在 DOM 中设置的元素的小数像素获取 CSS 顶部值

Question

我有一个令人费解的问题。我正在尝试在 Firefox 中使用 jQuery 3.5.1 设置 CSS 顶部，我希望能够再次将其检索为相同的值。div在任何元素上试试这个：

$('#test-div').css('top', 1.11111);
alert(parseFloat($('#test-div').css('top')));

警报是：

1.11667

1.11111由于不同的浏览器处理小数像素的方式不同，这并不相同。它似乎在我测试过的其他浏览器中运行良好（例如，Edge 和 Chrome，它们似乎有六位数的粒度）。

当我检查 HTML 时，该值从 jQuery 端正确设置为1.11111. 有没有办法完全按照 DOM 中的设置来获取这个值，以便我回来1.11111？

标签： javascripthtmljquerycssdom

Answer 1

尝试使用window.getComputedStyle(element).top

这对我来说很准确。