querySelector နည်းလမ်း
querySelector နည်းလမ်းသည် CSS selector အလိုက်
စာမျက်နှာရှိ element ကို ရယူနိုင်စေပါသည်။
ရရှိလာသော element ကို အမျိုးမျိုးသော လုပ်ဆောင်ချက်များ
ပြုလုပ်နိုင်သည် - ၎င်း၏ စာသား၊ attributes များ၊
CSS ပုံစံများကို ပြောင်းလဲခြင်းစသည်။
ဖွဲ့စည်းပုံ
document.querySelector(selector);
ဥပမာ
#elem စာကြောင်းကို ရယူပြီး
textContent ဖြင့်
၎င်း၏ စာသားကို ပြောင်းလဲကြည့်ရအောင်။
<p id="elem">စာသား</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
ကုဒ်အလုပ်လုပ်ဆောင်မှု ရလဒ်။
<p id="elem">!!!</p>
ဥပမာ
elem class ရှိသော စာကြောင်းကို ရယူပြီး
၎င်း၏ စာသားကို ပြောင်းလဲကြည့်ရအောင်။
<p class="elem">စာသား</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
ကုဒ်အလုပ်လုပ်ဆောင်မှု ရလဒ်။
<p id="elem">!!!</p>
ဆက်လက်ကြည့်ရှုရန်
-
getElementByIdနည်းလမ်း,
idအလိုက် element ကို ရယူပေးသည် -
querySelectorAllနည်းလမ်း,
selector အလိုက် element အုပ်စုကို ရယူပေးသည်
