JavaScript හි එක් අංගයක් තුළ අංග සෙවීම
අපට නිශ්චිත මාපිය අංගයක් තිබිය හැකිය, එය තුළ වෙනත් අංග ඇත:
html<div id="parent">
<div class="child">text</div>
<div class="child">text</div>
<div class="child">text</div>
</div>
මාපිය අංගය වෙත සබැඳිය විචල්යයකට දැනටමත් ලබාගෙන ඇතැයි සිතමු:
javascriptlet parent = document.querySelector('#parent');
එවැනි අවස්ථාවක, අවශ්ය විට අපට
මෙම මාපිය අංගය තුළ,
සම්පූර්ණ ලේඛනය පුරා නොව,
තෝරන්නා අනුව සෙවීමක් කළ හැකිය. මේ සඳහා
සෙවීමේ ක්රමය යෙදිය යුත්තේ document වෙත නොව,
අපේ මාපිය අංගය අඩංගු විචල්යය වෙත ය.
උදාහරණයක් ලෙස, අපේ
මාපිය අංගය තුළ child පන්තිය සහිත
අංග සොයා ගනිමු:
javascriptlet elems = parent.querySelectorAll('.child');
Задание 1
#parent අංගය ලබා දී ඇත:
html<div id="parent">
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p class="ggg">text</p>
<p class="ggg">text</p>
<p class="ggg">text</p>
</div>javascriptlet parent = document.querySelector('#parent');
මාපිය අංගය තුළ
www පන්තිය සහිත අංග සොයාගෙන elems1
විචල්යයට ලියන්න.
ඉන්පසු මාපිය අංගය තුළ
ggg පන්තිය සහිත අංග සොයාගෙන
elems2 විචල්යයට ලියන්න.