Скачать или смотреть JavaScript Lesson 37 HTML DOM Navigation Part - 1

DOM သင်ခန်းစာက အရမ်းအရေးကြီးပါတယ်။
ဘာအတွက် အသုံးပြုလဲဆိုရင်တော့ -
HTML / CSS တို့ကို JavaScript ဖြင့်
ပြုပြင်ထိန်းချုပ်ချင်လို့ပဲဖြစ်ပါတယ်။
ဒီလိုထိန်းချုပ်ဖို့အတွက် HTML / CSS တို့ကို
DOM interface အဖြစ်တည်ဆောက်ပြီး
Object ပုံစံပြောင်းလဲရယူလိုက်တာပဲဖြစ်ပါတယ်။
JS မှာက ဘယ်အရာမဆို Object ပုံအဖြစ်ပြောင်းလဲပြီး
property တွေ method တွေနဲ့ ပြုပြင်လေ့ရှိပါတယ်။
ဒါကြောင့် တည်ဆောက်လို့ရလာတဲ့ DOM ကို
အသုံးပြုပြီး HTML / CSS တို့ကို
မူလပုံစံအတိုင်းမဟုတ်တော့ပဲ လူပ်လူပ်ခက်ခက်
Dynamic ပုံစံအဖြစ် ပြောင်းလဲနိုင်ပါတယ်။
ဒီလိုပြောင်းလဲဖို့အတွက် ပထမဆုံးသိရမှာက
ကျွန်တော်တို့ တည်ဆောက်ထားတဲ့ html ကြီးကို
document object အဖြစ်မြင်တက်ဖို့ပါပဲ။
(ဒီနေရာမှာ objects တွေအကြောင်း
သေချာလေ့လာပြီးမှ DOM ကို
ဆက်လေ့လာပါလို့ အကြံပေးပါရစေ)
html document တစ်ခုလုံးကို object လို့မြင်ပြီဆိုရင်
သူ့နဲ့တွဲသုံးလို့ရမယ့် methods တွေ properties
တွေကို ဆက်လေ့လာရပါမယ်။
ဒါဆိုရင်တော့ ကိုယ်ပြုပြင်ချင်တာတွေကို
ကြိုက်တဲ့နည်းနဲ့ခေါ်ယူပြုပြင်လို့ရပါပြီ။
ဒီလိုခေါ်ယူပြုပြင်တဲ့အခါ methods
နည်းတွေလဲအမျိုးမျိုး ရှိပါတယ်။
id ကိုခေါ်သုံးတဲ့နည်း
class ကိုခေါ်သုံးတဲ့နည်း
element name ကိုခေါ်သုံးတဲ့နည်း
attributes ကိုခေါ်သုံးတဲ့နည်း စသဖြင့်ပါ။
အကုန်လုံးကို တပြိုင်နက်ထဲမသုံးပေမယ့်
အကုန်လုံးကိုတော့ သိထားသင့်ပါတယ်။
ဒါဆို လိုအပ်သလို adjust လုပ်လို့ရပါတယ်။
ဒီလိုခေါ်ယူတဲ့ methods တွေအပြင်
တွဲဖက်အသုံးပြုရမယ့် properties
တွေကိုလဲ လေ့လာထားသင့်ပါတယ်။
နောက်ပြီး event တွေ event listener
တွေအကြောင်းကိုပါ သေချာ သိထားသင့်ပါတယ်။
DOM နဲ့ပက်သတ်ပြီးရှင်းပြရမယ်ဆို -
အများကြီးရှိပါတယ်။
အဲ့ထဲကနေမှ DOM Navigation အကြောင်းကို
အနည်းငယ် ရှင်းပြပေးလိုက်ပါတယ်။