querySelector နည်းလမ်း

querySelector နည်းလမ်းသည် CSS selector အလိုက် စာမျက်နှာရှိ element ကို ရယူနိုင်စေပါသည်။ ရရှိလာသော element ကို အမျိုးမျိုးသော လုပ်ဆောင်ချက်များ ပြုလုပ်နိုင်သည် - ၎င်း၏ စာသား၊ attributes များ၊ CSS ပုံစံများကို ပြောင်းလဲခြင်းစသည်။

ဖွဲ့စည်းပုံ

javascriptdocument.querySelector(selector);

ဥပမာ

#elem စာကြောင်းကို ရယူပြီး textContent ဖြင့် ၎င်း၏ စာသားကို ပြောင်းလဲကြည့်ရအောင်။

html<p id="elem">စာသား</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

ကုဒ်အလုပ်လုပ်ဆောင်မှု ရလဒ်။

html<p id="elem">!!!</p>

ဥပမာ

elem class ရှိသော စာကြောင်းကို ရယူပြီး ၎င်း၏ စာသားကို ပြောင်းလဲကြည့်ရအောင်။

html<p class="elem">စာသား</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

ကုဒ်အလုပ်လုပ်ဆောင်မှု ရလဒ်။

html<p id="elem">!!!</p>

ဆက်လက်ကြည့်ရှုရန်