使用 DOM 操作删除 CSS 'transform'答案

【问题标题】：Remove CSS 'transform' using DOM Manipulation使用 DOM 操作删除 CSS 'transform'
【发布时间】：2021-02-17 01:42:10
【问题描述】：

我需要使用 DOM 操作从 div 的样式中删除以下内容：

transform: translateY(-50%)

div 的类名如下：'jsx-4186082927'

请有人帮助我如何使用 javascript 或 jquery 删除转换 CSS 样式？

编辑：我试过了 window.parent.document.getElementsByClassName("jsx-4186082927")[0].removeAttribute("style", "transform");

但是没用

【问题讨论】：

既然它的“级联”阻止了你？也许您命名的元素没有要删除的样式？
您不需要 javascript。一个 CSS 问题
@GetSet 我无法自己修改 CSS，因为我无法控制它，我必须使用 javascript 来修改它。
好吧.....不知道。也不知道你可以注入css。好的，我的意思是 CSS 本身代表“级联样式表”。 “级联”部分意味着您可以覆盖以前的规则。如果你没有意识到杰西鲍尔。但有时会发生错误，最终针对错误的元素或类并认为这是不可能的
@GetSet 抱歉，我对编码还是很陌生。

【解决方案1】：

如果您使用的是 jQuery：

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

【讨论】：

【解决方案2】：

使用纯 JS（未测试）：

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

【讨论】：

【解决方案3】：

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

【讨论】：