Math on CSS Style Attributes in Vanilla JS

Question

I am modifying CSS attributes of a div in vanilla JS. When I grab the value, it's a string with px on the end, like '340px' so I can't just add a number directly. I end up doing this:

element.style.top = element.style.top.split("px")[0]+pixelsToAdd;

It works fine, but it feels hacky. Is there a more direct way to grab and set the value, or is this it?

parseInt(value)

Đinh Carabus
– Đinh Carabus

2017-02-03 14:27:56 +00:00
Commented Feb 3, 2017 at 14:27 — Đinh Carabus
– Đinh Carabus, Commented Feb 3, 2017 at 14:27

Jonas Grumann · Accepted Answer · 2017-02-03 14:27:44Z

3

Yes, you can use parseInt() to convert it to an integer:

var px = "302px";
console.log(parseInt(px));

answered Feb 3, 2017 at 14:27

Jonas Grumann

10.8k2 gold badges26 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Math on CSS Style Attributes in Vanilla JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related