如何在JavaScript中删除/更改动态创建的CSS类

Question

背景，

有些元素需要应用CSS动画。但是，这些CSS需要动态生成，因为需要从JavaScript代码进行计算。

This问题阐明了如何动态添加CSS。现在的问题是，如何删除或替换根据接受的答案生成的CSS？

为了清楚起见，它与从元素中删除一个类没有任何关系。我需要将其从页面中删除，以便动画将停止使用类的元素。稍后我可以改变CSS并重新注册类，以便以不同的方式动画相关元素。

Answer 1

编辑。

您可以将其从元素的班级列表中删除

document.getElementById("myelementsid").classList.remove("classname");

Answer 2

这里有完整的文档来使用jQuery https://api.jquery.com/removeclass/ 有了这个，你可以删除一个或多个类

Answer 3

document.getElementById（＆＃39; someElementId＆＃39;）。className =＆＃39;＆＃39;;

Answer 4

如果您想从页面中删除特定样式，可以执行以下代码段：

$('link[title=stylesheettitle]').prop('disabled',true);

或

$('link[title="stylesheettitle"]').remove();

Java脚本

var style = document.getElementById('styleID');
style.parentNode.removeChild(style );