html页面运行时css类样式如何变化？答案

【问题标题】：how css class style change at run time of html page?html页面运行时css类样式如何变化？
【发布时间】：2014-06-02 11:59:05
【问题描述】：

我有 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 中？

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

【问题讨论】：

页面源仅显示页面加载时加载的静态html，不会显示动态内容，firebug允许查看运行时html
"..but at run time className get changed .."：不。类名不会改变，除非它们被一些 Javascript 操作。即使那样，在您的情况下，类名也不会更改。仅添加了几个其他类名。您是否有机会使用外部库？
那么，如果我使用 ajax 和 jquery 附加代码，我需要考虑静态或动态哪一部分？
是的 Abhitalks 我正在使用 jquery 及其滚动条插件。
您的 html 因您用于滚动条的插件而被修改。但这对你来说应该不是问题。您的预定义类不会受到影响，只会添加新类。即使这样，您也可以使用 id 引用您的元素。我想知道你为什么要问这个问题，因为你有名望。

【解决方案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

【讨论】：