classList වස්තුවේ add ක්රමය
classList වස්තුවේ
add ක්රමය
CSS වර්ග මූලද්රව්යයකට එකතු කිරීමට ඉඩ සලසයි.
වාක්ය රචනය
element.classList.add(class);
උදාහරණය
මූලද්රව්යයට kkk වර්ගය එකතු කරමු:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem" class="www ggg zzz kkk"></p>
උදාහරණය
මූලද්රව්යයට zzz වර්ගය එකතු කරමු, එය
මූලද්රව්යයේ දැනටමත් පවතී - කිසිවක් සිදු නොවේ,
මන්ද අනුපිටපත් වර්ග එකතු නොකරන බැවිනි:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p id="elem" class="www ggg zzz"></p>
මෙයද බලන්න
-
classList.removeක්රමය,
එය නිශ්චිත වර්ගය ඉවත් කරයි -
classList.containsක්රමය,
එය නිශ්චිත වර්ගය පරීක්ෂා කරයි -
classList.toggleක්රමය,
එය නිශ්චිත වර්ගය අතර මාරු වේ
