css 类样式如何在 html 页面运行时更改？

Question

我有 HTML、jQuery 和 CSS 报告。

以静态方式，如果我们从浏览器中看到“查看页面源代码”，我可以看到

<div id='report' class="test-reports-container">但是如果我在 mozilla firefox 中使用 FireBug 它会显示不同的东西

<div id='report' class="test-reports-container mCustomScrollbar _mCS_1"> 

我不明白它是如何改变的。

问题是我正在创建动态内容，所以我需要记住我为其附加 html 内容的 className，但在运行时 className 被更改，那么我将如何将 html 附加到某些 div？

你能说它的样式在运行时是如何改变的吗？

Answer 1

您可以将 html 附加到test-reports-container类，即使 FireBug 显示<div id='report' class="test-reports-container mCustomScrollbar _mCS_1">

在这种情况下，类名没有改变，但在元素中添加了 2 个新类

现在你的 div 元素有 3 个类，分别是test-reports-container 、 mCustomScrollbar和_mCS_1