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

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

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

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

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

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

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

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

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

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

html<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<p>text1</p>
<p>text2</p>
<p>text3</p>