javascript - 获取没有 "px;"后缀的样式值的数字

标签 javascript html css

我正在尝试对 HTML 元素的位置做一些比较逻辑。我有一个我认为应该可以工作的系统,但有一个问题。

在我的代码中,我使用不等式语句(><)将一个绝对定位元素的当前 left 和 top 值与另一个(可能正在移动)的值进行比较。问题是我从 document.getElementById(nameVar).style.left 得到的反馈是字符串形式(例如 200px )而不是数字(例如 200 ),因此比较不起作用。

我的问题是,有什么方法可以将字符串转换成我可以按我想要的方式操作的数字吗?要么使用更改后的地址,要么在收到反馈后执行一些程序。

任何帮助都会很棒。

最佳答案

parseInt 为您提供数值:

var tmp = parseInt(document.getElementById(nameVar).style.left, 10);
console.log(tmp);

或者,正如@PeteWilson 在评论中建议的那样,使用 parseFloat

关于javascript - 获取没有 "px;"后缀的样式值的数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8690463/

相关文章:

javascript - DrawImage 不显示 CSS 样式

javascript - 分区背景图片

javascript - 如何在 Bootstrap 中的提交按钮上设置回调函数?

javascript - ES6 Set 和 WeakSet 有什么区别?

javascript - Highcharts显示数据但不能显示图表

javascript - 检查javascript注入(inject)的方法

html - 输入字段最大长度不适用于 Tizen Studio 上的文本类型

jquery - 菜单悬停,页面透明度变为0.5

css - 我需要我的表格中的图像遵循一些高度和宽度规则

html - 如何使用半身人字形