javascript - 在 javascript 中,如何从像素值(例如 2em 或 20px)中获取单位(例如 em 或 px)?

标签 javascript jquery html

我正在尝试编写一个将值作为填充输入的函数,请参见这个简化示例:

function createBlocks(container,padding) {}

我希望填充参数为任意值(em、px 等)。因此,我需要能够提取值和单位。

我可以通过以下方式提取值: var paddingVal = parseFloat(padding);

但我不知道如何提取单位值...

有什么想法吗?

最佳答案

你可以使用.replace()

var paddingVal = parseFloat(padding);
var Newpadding = padding.replace(paddingVal , '');
alert(Newpadding);

更清楚..你可能需要先替换空格

var paddingWithoutSpaces = padding.replace(/\s/g, '+');
var paddingVal = parseFloat(padding);
var Newpadding = padding.replace(paddingVal , '');
alert(paddingVal);
alert(Newpadding);

关于javascript - 在 javascript 中,如何从像素值(例如 2em 或 20px)中获取单位(例如 em 或 px)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34202608/

相关文章:

javascript - 为图像容器超链接附加字符串添加淡入淡出效果

jquery - 如何让 jqgrid 单元格溢出表现得像 html 表格

html - 如何为同一 html 表单中的不同提交按钮分配不同的操作?

javascript - 在没有 Nodejs 的实时应用程序中,您仍然可以使用 php 作为 angularjs2 的后端吗?

jquery - 错误: Permission denied to access property 'document' in iFrame

javascript - 为什么要使用额外的输入元素来创建内部网站搜索框(和)

html - 我的网站的主标题是否需要所有这些 HTML5 标签?

javascript - Lightswitch 2013 HTML Client - 在一个屏幕而不是所有屏幕上更改背景

javascript - 在 JS 中避免没有最终表达式的 FOR 循环是否有充分的理由?

javascript - 通过 mvc 中的 ajax actionlink 获取成功的响应 header