JavaScript හි DOM අංගයක් ලබා ගැනීම
දැන් අපි පිටුවේ DOM අංග ලබා ගන්නේ කෙසේදැයි ඉගෙන ගනිමු, එවිට පසුව ඒවා සමඟ යම් යම් ක්‍රියාමාර්ග සිදු කළ හැකිය.
අපට යම් බොත්තමක් ඇතැයි සිතමු:
html<input id="button" type="submit">
අපි මෙම බොත්තම වෙත සබැඳියක් විචල්‍යයකට ලබා ගනිමු.
මෙය සඳහා, විශේෂ වස්තුවේ querySelector ක්‍රමය
භාවිතා කළ යුතුය document. මෙම
ක්‍රමය පරාමිතියක් ලෙස CSS තේරීම්කරුවෙකු පිළිගෙන
එම තේරීම්කරුවෙන් සොයාගත් අංගය වෙත සබැඳියක්
ආපසු ලබා දෙයි.
අපගේ බොත්තමට id ගුණාංගයක් ඇත
අගය සමඟ button. එබැවින්, අපට
මෙම බොත්තම තේරීම්කරු අනුව සොයාගත හැකිය #button.
ඉතින්, අපි අපේ බොත්තම සොයාගෙන එයට
සබැඳිය විචල්‍යයකට ලියා තබමු:
javascriptlet button = document.querySelector('#button');
console.log(button);
Задание 1
අංග ලබා දී ඇත 3:
html<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
එක් එක් අංගය වෙත සබැඳිය වෙන වෙනම විචල්‍යයකට ලියා තබන්න සහ එක් එක් මෙම විචල්‍යයන්හි අන්තර්ගතය කොන්සෝලයේ ප්‍රදර්ශනය කරන්න.