从字符串正则表达式获取内联样式顶部

Question

我有这样的输入字符串：

let inputTest = `<div style="left: 474px; top: 550px"></div>`;

我正试图从上述字符串的left: x px中获得x。

我正在使用像这样的正则表达式

console.log(inputTest.match(/\left:(.*)$/g));
// ["left: 474px; top: 550px"></div>"]

但是它显然从单词“ left”开始，但在整个字符串之后结束。

我想在“ left：”之后开始，并在px的“ p”字母之前结束。因此，我只有将转换为其类型的数字（有时没有空格，但是会在正则表达式后删除空格）。

Answer 1

要获得预期结果，请使用以下选项

inputTest.match(/left:(.*?)px/)[1]

代码示例以供参考

let inputTest = `<div style="left: 474px; top: 550px"></div>`;

console.log(inputTest.match(/left:(.*?)px/)[1])

Answer 2

应该这样做，left:.*?[\d]+