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

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

即使FireBug显示<div id='report' class="test-reports-container mCustomScrollbar _mCS_1">

，您也可以将html附加到 test-reports-container 类

在这种情况下，类名未被更改，但有2个新类添加到元素

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