JavaScript တွင် နည်းလမ်းများနှင့် ဂုဏ်သတ္တိများ ဆက်တိုက်အသုံးပြုခြင်း

ကျွန်ုပ်တို့တွင် input တစ်ခုရှိသည်ဆိုပါစို့-

<input id="elem" value="text">

Input ၏ စာသားကို စခရင်ပေါ်တွင် ထုတ်ကြည့်ကြပါစို့။

let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' ကို ထုတ်ပြမည်

မြင်တွေ့ရသည့်အတိုင်း၊ ပထမဦးစွာ ၎င်း၏ id အလိုက် element ကို ရယူပါသည်၊ ၎င်း element ကို elem ဟူသော ကိန်းရှင်ထဲသို့ သိမ်းဆည်းပါသည်၊ ပြီးမှ ထို ကိန်းရှင်မှ value ဂုဏ်သတ္တိကို စခရင်ပေါ်တွင် ထုတ်ပြပါသည်။

တကယ်တော့ elem ကိန်းရှင်ကို မမိတ်ဆက်ဘဲ ဤကဲ့သို့ ပွိုင့်များဖြင့် ဆက်တိုက်တည်ဆောက်နိုင်ပါသည်-

console.log( document.querySelector('#elem').value ); // 'text' ကို ထုတ်ပြမည်

အလားတူပင် - ဆက်တိုက်နည်းဖြင့် - attribute များကို ပြန်လည်ရေးသွင်းခြင်းလည်း လုပ်ဆောင်နိုင်ပါသည်-

document.querySelector('#elem').value = 'www';

အောက်ပါကုဒ်ကို ပေးထားသည်-

<img id="image" src="avatar.png">

let image = document.querySelector('#image');
console.log(image.src);

အထက်ပါကုဒ်ကို image ကိန်းရှင် မိတ်ဆက်ခြင်းအစား ဆက်တိုက်နည်းကို အသုံးပြုအောင် ပြန်လည်ပြင်ဆင်ပါ။