JavaScript တွင် အစိတ်အပိုင်းများကို စတိုင်ထည့်ခြင်း

ကျွန်ုပ်တို့တွင် စာပိုဒ်အချို့ရှိသည်ဆိုပါစို့:

<p>text1</p>
<p>text2</p>
<p>text3</p>

စာပိုဒ်များကို loop ဖြင့်ဖြတ်သန်းကာ စာပိုဒ်တစ်ခုစီ၏အဆုံးတွင် လင့်ခ်တစ်ခုထည့်ကြပါစို့။ ထိုလင့်ခ်ကို နှိပ်လိုက်သောအခါ စာပိုဒ်၏စာသားကို စတိုင်အချို့ထည့်ပေးမည်ဖြစ်သည်။ ဥပမာအားဖြင့်၊ စာပိုဒ်၏စာသားသည် အကြောင်းရာမျဉ်းဖြတ်သွားနိုင်သည် (၎င်းကို CSS property text-decoration က လုပ်ဆောင်ပေးသည်)။

ထိုကဲ့သို့သော လုပ်ဆောင်ချက်နှစ်ခု၏ သွင်ပြင်လက္ခဏာများကို ဆွေးနွေးကြပါစို့။

ပထမအချက်အနေဖြင့်၊ ယခင်သင်ခန်းစာများတွင် ဆွေးနွေးခဲ့သည့်အတိုင်း JavaScript မှတစ်ဆင့် စာပိုဒ်၏စတိုင်များကို တိုက်ရိုက်မပြောင်းလဲသင့်ပါ - CSS classes အချို့ကို ထည့်သွင်းခြင်းက ပိုမိုအဆင်ပြေလွယ်ကူမည်ဖြစ်သည်။

ဒုတိယအချက်အနေဖြင့်၊ ထိုကဲ့သို့သော လုပ်ဆောင်ချက်ကို အကောင်အထည်ဖော်သောအခါ သင်သည် အံ့အားသင့်စရာအချို့ကို ကြုံတွေ့ရမည်ဖြစ်သည်။ ၎င်း၏အဓိပ္ပာယ်ကို �ားလည်ရန်အတွက်၊ လင့်ခ်များထည့်ပြီးနောက် စာပိုဒ်များ၏ HTML code ကို �ြည့်ကြပါစို့:

<p>text1<a href="">link</a></p>
<p>text2<a href="">link</a></p>
<p>text3<a href="">link</a></p>

ယခု စိတ်ကူးကြည့်ကြပါစို့၊ လင့်ခ်ကို နှိပ်လိုက်သောအခါ စာပိုဒ်၏စာသားသည် အကြောင်းရာမျဉ်းဖြတ်သွားမည်ဖြစ်သည်။ သို့သော်၊ လင့်ခ် သည်လည်း ဤကိစ္စတွင် စာပိုဒ်၏ အစိတ်အပိုင်းတစ်ခုဖြစ်နေပြီး အကြောင်းရာမျဉ်းဖြတ်သွားမည်ဖြစ်သည်! ထိုကဲ့သို့သော အကျိုးသက်ရောက်မှုကို ကျွန်ုပ်တို့ မလိုအပ်နိုင်ပါ။ ကျွန်ုပ်တို့လိုချင်သည်မှာ စာသားသည် အကြောင်းရာမျဉ်းဖြတ်သွားစေရန် ဖြစ်သော်လည်း လင့်ခ် - မဖြစ်စေရန်ဖြစ်သည်။

ပြဿနာကို ဖြေရှင်းရန်အတွက် စာပိုဒ်၏စာသားကို span tag ဖြင့် ထည့်သွင်းရန်လိုအပ်သည်၊ ဤကဲ့သို့ဖြစ်သည်:

<p><span>text1</span><a href="">link</a></p>
<p><span>text2</span><a href="">link</a></p>
<p><span>text3</span><a href="">link</a></p>

အောက်ပါ HTML code ကို ပေးထားသည်:

<p>text1</p>
<p>text2</p>
<p>text3</p>

စာပိုဒ်တစ်ခုစီ၏အဆုံးတွင် လင့်ခ်တစ်ခုထည့်ပါ၊ ထိုလင့်ခ်ကို ကလစ်နှိပ်လိုက်သောအခါ စာပိုဒ်၏စာသားသည် အကြောင်းရာမျဉ်းဖြတ်သွားမည် (လင့်ခ် - မဖြစ်စေရန်)။

ယခင်လေ့ကျင့်ခန်းကို ပြုပြင်မွမ်းမံပါ၊ လင့်ခ်ကို နှိပ်ပြီးနောက် ထိုလင့်ခ်ကို စာပိုဒ်မှ ဖယ်ရှားပစ်ရန် (စာပိုဒ်၏စာသားကို အကြောင်းရာမျဉ်းဖြတ်သွားစေရန်)။

HTML ဇယားတစ်ခုကို ပေးထားသည်။ ထိုဇယားထဲသို့ လင့်ခ်ပါသော ကော်လံအသစ်တစ်ခုထည့်ပါ။ ထိုလင့်ခ်ကို နှိပ်လိုက်သောအခါ ထိုလင့်ခ်ပါသော အတန်းသည် အစိမ်းရောင် နောက်ခံဖြစ်လာရမည်။

ယခင်လေ့ကျင့်ခန်းကို ပြုပြင်မွမ်းမံပါ၊ လင့်ခ်ကို ပထမအကြိမ်နှိပ်သောအခါ အတန်းကို အစိမ်းရောင် နောက်ခံဆေးခြယ်ရန်၊ ဒုတိယအကြိမ်နှိပ်သောအခါ ထိုလုပ်ဆောင်ချက်ကို ပြန်ရုပ်သိမ်းရန်။