Uvumilivu wa Vipengele kwenye JavaScript
Tuchukulie tuna aya kadhaa:
<p>maandishi1</p>
<p>maandishi2</p>
<p>maandishi3</p>
Wacha tuwayapite aya hizi kwa mzunguko na mwisho
ya kila aya tuongeze kiungo, ubonyeze
juu yake maandishi ya aya yataongezewa
baadhi ya mitindo. Kwa mfano, maandishi ya aya
yatakuwa yamepigwa mstari (hufanywa na
sifa ya CSS text-decoration).
Wacha tujadili nuances mbili za kazi kama hiyo.
Kwanza, kama ilivyojadiliwa tayari katika masomo yaliyopita , haipaswi kubadilisha mitindo ya aya moja kwa moja kupitia JavaScript - itakuwa rahisi zaidi kuweka vitengo vya CSS vyovyote.
Pili, wakati wa kutekeleza kazi kama hiyo inatarajiwa mshangao fulani. Ili kuelewa yake kiini, wacha tuangalie msimbo wa HTML wa aya baada ya kuongeza viungo:
<p>maandishi1<a href="">kiungo</a></p>
<p>maandishi2<a href="">kiungo</a></p>
<p>maandishi3<a href="">kiungo</a></p>
Hebu fikiria sasa, kwamba ubonyezo wa kiungo maandishi ya aya yatapigwa mstari. Hata hivyo, kiungo katika kesi hii pia ni sehemu ya aya na pia kitapigwa mstari! Uwezekano mkubwa kama hiyo athari hatuitaki. Tunataka maandishi yapigwe mstari, lakini kiungo - hapana.
Ili kutatua tatizo unahitaji tu kufunga
maandishi ya aya kwenye tag span, kama hii:
<p><span>maandishi1</span><a href="">kiungo</a></p>
<p><span>maandishi2</span><a href="">kiungo</a></p>
<p><span>maandishi3</span><a href="">kiungo</a></p>
Imetolewa msimbo ufuatao wa HTML:
<p>maandishi1</p>
<p>maandishi2</p>
<p>maandishi3</p>
Ongeza mwishoni mwa kila aya kiungo, kubonyeza juu yake maandishi ya aya yatapigwa mstari (lakini kiungo - hapana).
Badilisha kazi iliyotangulia ili baada ya kubonyeza kiungo kiungo hicho kiondolewe kutoka kwenye aya (na maandishi ya aya yapigwe mstari).
Imetolewa jedwali fulani la HTML. Ongeza kwenye hii jedwali safu wima nyingine na kiungo. Kwa kubonyeza kwenye kiungo hiki safu mlalo na kiungo hiki ipate rangi ya kijani ya usuli.
Badilisha kazi iliyotangulia ili ubonyezo wa kwanza kwenye kiungo urangi safu mlalo kwa kijani usuli, na ubonyezo wa pili uondoe kitendo hiki.
