javascript - element.css ('left' ) 返回 'auto' 即使它不在 iPhone Safari 上

标签 javascript jquery css mobile-safari

我有一个元素,它的 left CSS 属性我试图获取然后在 Javascript 中设置。元素具有以内联样式定义的left 属性。我在检查元素时看到了它(通过我 Mac 上的 Safari,充当我手机上 Safari 的控制台)。

但是,有以下功能:

console.log(getComputedStyle(reporting_table.find('thead.tableFloatingHeaderOriginal')[0]).getPropertyValue('left'));

console.log(reporting_table.find('thead.tableFloatingHeaderOriginal').css('left'));

...两者 返回字符串“auto”而不是内联样式。我在 Chrome 中尝试了相同的代码,它工作正常。为什么 Javascript 在移动版 Safari 中没有返回正确的值?

The inline style.

内联样式。

the console log of the element, and its left property

元素的控制台日志及其关联的 left 属性

最佳答案

不确定它是否适用于您的情况,但您可以尝试只选择样式属性和 css 属性。另请注意,需要传递索引。 在你的情况下你可以做 $(".tableFloatingHeaderOriginal")[0].style.left

var x = $(".test")[0].style.color;
console.log(x)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test" style="color:red;border:1px solid blue;width:100px;display:inline-block"> Hello</div>

关于javascript - element.css ('left' ) 返回 'auto' 即使它不在 iPhone Safari 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45984462/

相关文章:

asp.net - 如何使用 CSS 设计一个类似 vista 的按钮

javascript - 在更改时删除 css 类,无论使用 javascript 的选择字段中的值如何

javascript - 尝试在 Accordion 下拉菜单上更改 +/- 图标,但 Javascript 文件似乎无法在我的 HTML 中本地加载。 ( Bootstrap 4)

javascript - 如何在 CRM 2013 文本字段中指定格式

javascript - 如何使用 php 和 mysql 验证单选按钮?

javascript - 从 AJAX 命令返回 JSON 格式的响应

javascript - z-index 不适用于嵌套绝对元素

javascript - 当测试失败时,TravisCI 不会让我的构建失败

javascript - 数组中的第一个元素

javascript - 锚定在图像内