Get inline style top from string regex

Question

I have input string like this:

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

And I'm trying to get x from left: x px from above string.

I'm using regex like this one

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

but it clearly start from word "left" but finish after entire string.

I want to start after 'left:' and finish before 'p' letter from px. So I will have only the number which will convert to its type (sometimes without space but will delete space after regex).

Why not use a DOM parser and get your CSS out as a property. If you're not in a browser environment you can use tools like [Cheerio](https://github.com/cheeriojs/cheerio). — tadman, Mar 07 '19 at 19:00
Thats the point of Cheerio, it parses HTML as strings and gives you a document you can navigate as you would in jQuery with `$('div')`. — tadman, Mar 07 '19 at 19:27

score 1 · Accepted Answer · answered Mar 07 '19 at 19:35

1

To achieve expected result, use below option

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

code sample for reference

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

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

answered Mar 07 '19 at 19:35

Naga Sai A

10,771
1
21
40

score -1 · Answer 2 · answered Mar 07 '19 at 19:13

-1

This should do it, left:.*?[\d]+

answered Mar 07 '19 at 19:13

Jayendra Sharan

1,043
6
10

Get inline style top from string regex

2 Answers2