classList වස්තුවේ add ක්‍රමය

classList වස්තුවේ add ක්‍රමය CSS වර්ග මූලද්‍රව්‍යයකට එකතු කිරීමට ඉඩ සලසයි.

වාක්‍ය රචනය

javascriptelement.classList.add(class);

උදාහරණය

මූලද්‍රව්‍යයට kkk වර්ගය එකතු කරමු:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

html<p id="elem" class="www ggg zzz kkk"></p>

උදාහරණය

මූලද්‍රව්‍යයට zzz වර්ගය එකතු කරමු, එය මූලද්‍රව්‍යයේ දැනටමත් පවතී - කිසිවක් සිදු නොවේ, මන්ද අනුපිටපත් වර්ග එකතු නොකරන බැවිනි:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

html<p id="elem" class="www ggg zzz"></p>

මෙයද බලන්න