how css class style change at run time of html page?

Question

I have HTML, jQuery and CSS report.

In static way if wee see the 'view page source' from browser I can see is

<div id='report' class="test-reports-container"> but If I use FireBug in mozilla firefox it show something different like

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

I don't understand how its changed.

The problem is I am creating dynamic contents so I need to remember className for which I append html content, but at run time className get changed so how would I append the html to some divs?

Can you say how its style get changed at runtime?

Answer 1

you can append html to test-reports-container class, even when FireBug shows <div id='report' class="test-reports-container mCustomScrollbar _mCS_1">

in this case class name hasn't changed but 2 new classes added to element

now your div element has 3 classes and that are test-reports-container , mCustomScrollbar & _mCS_1