DOM Selectors

HTML element များကို JavaScript ဖြင့် select လုပ်ရန် နည်းလမ်းများစွာရှိသည်။

• document.getElementById('id'): id ဖြင့် element တစ်ခုကို select လုပ်ရန်

• document.getElementsByTagName('p'): tag name ဖြင့် elements အားလုံးကို select လုပ်ရန်

• document.querySelector('.class'): CSS selector ဖြင့် ပထမဆုံးကိုက်ညီသော element ကို select လုပ်ရန်

• document.querySelectorAll('p.intro'): ကိုက်ညီသော elements အားလုံးကို select လုပ်ရန်

// Assume HTML:
// <div id="main">
//   <p class="content">First paragraph.</p>
//   <p class="content">Second paragraph.</p>
// </div>

const mainDiv = document.getElementById("main");
const firstParagraph = document.querySelector(".content");

console.log("This example needs an HTML page to run.");
// console.log(mainDiv.tagName);
// console.log(firstParagraph.innerText);

This example needs an HTML page to run.