JavaScript හි ගුණාංග සමඟ වැඩ කිරීමේදී ව්‍යතිරේක
ගුණාංග සමඟ වැඩ කිරීමේදී ව්‍යතිරේකයක් පවතී
- එනම් class ගුණාංගය.
මෙම වචනය JavaScript හි විශේෂ වචනයක් වේ
එබැවින් අපට class ගුණාංගයේ අගය කියවීම සඳහා
පහසුවෙන් elem.class ලිවිය නොහැක.
ඒ වෙනුවට elem.className ලිවිය යුතුය.
අපි උදාහරණයක් බලමු. අපට මෙවැනි ආදාන ක්ෂේත්‍රයක් ඇතැයි සිතමු:
html<input id="elem" class="aaa bbb">
අපගේ ආදාන ක්ෂේත්‍රය සඳහා class ගුණාංගයේ අගය
ප්‍රදර්ශනය කරමු:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb' ප්‍රදර්ශනය කරයි
අනෙකුත් ව්‍යතිරේක ද පවතී, උදාහරණයක් ලෙස,
for ගුණාංගය. එය ළඟා විය යුත්තේ
htmlFor හරහා ය.
div එකක් දී ඇත:
html<div id="elem" class="content no-gap"></div>
බොත්තමක් ද දී ඇත. බොත්තම ක්ලික් කිරීමේදී, අපගේ
div හි class ගුණාංගයේ අගය කියවා
තිරය මත ප්‍රදර්ශනය කරන්න.
div එකක් දී ඇත:
html<div id="elem"></div>
බොත්තමක් ද දී ඇත. බොත්තම ක්ලික් කිරීමේදී,
අපගේ div හි class ගුණාංගයට යම්
වර්ගයක් ලියන්න.
බහු CSS වර්ග ඇති div එකක් දී ඇත, ඒවා හිස් තැනකින් වෙන් කර ලියා ඇත:
html<div id="elem" class="aaa bbb ccc"></div>
බොත්තමක් ද දී ඇත. බොත්තම ක්ලික් කිරීමේදී, අපගේ div හි CSS වර්ග අරාවක් ලබා ගන්න.