Remove CSS 'transform' using DOM Manipulation

Question

I need to remove the following from a div's styling using DOM manipulation:

transform: translateY(-50%)

The div has the following class name: 'jsx-4186082927'

Please can someone help me with how to remove the transform CSS styling using javascript or jquery?

edit: I have tried window.parent.document.getElementsByClassName("jsx-4186082927")[0].removeAttribute("style", "transform");

but hasn't work

Since its "cascading" whats stopping you? Perhaps the element you name doesnt have the style to remove? — GetSet, Nov 04 '20 at 11:03
@GetSet I can't amend the CSS myself as I have no control over it, I have to use javascript to amend it. — jessiebower, Nov 04 '20 at 11:12
Okay ..... didnt know that. Also didnt know you could inject css. Ok what i mean is CSS itself stands for "cascading style sheet". The "cascading" part means you can override previous rules. In case you didnt realize jessiebower. But sometimes what happens in error, end up targeting the wrong element or class and think its impossible — GetSet, Nov 04 '20 at 11:13

score 1 · Answer 1 · answered Nov 04 '20 at 11:05

1

//Remove the transform CSS property from the selected DOM element   
$(".jsx-4186082927").css({ 'transform' : ''});

answered Nov 04 '20 at 11:05

Ozgur Sar

score 1 · Answer 2 · answered Nov 04 '20 at 11:06

1

Using plain JS (not tested):

window.querySelector('.jsx-4186082927').style.transform = undefined

answered Nov 04 '20 at 11:06

K1DV5

score 1 · Answer 3 · edited Nov 04 '20 at 19:21

1

If you are using jQuery:

$('.jsx-4186082927').css('transform','none');

edited Nov 04 '20 at 19:21

marc_s

answered Nov 04 '20 at 11:06

A.Farouk

3 Answers3