วิธีการ getElementsByClassName

วิธีการ getElementsByClassName ช่วยให้ ได้รับองค์ประกอบของหน้าตามคลาสของพวกมัน ที่กำหนดไว้ในแอตทริบิวต์ class กับองค์ประกอบที่ได้รับสามารถ ดำเนินการจัดการต่าง ๆ ได้: เปลี่ยนข้อความ, แอตทริบิวต์, สไตล์ CSS ของพวกมัน และอื่น ๆ

ไวยากรณ์

javascriptdocument.getElementsByClassName(ชื่อคลาส);

ตัวอย่าง

มารับองค์ประกอบทั้งหมดที่มีคลาส www และเปลี่ยนข้อความของพวกมันโดยใช้คุณสมบัติ innerHTML:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

ผลลัพธ์ของการดำเนินการโค้ด:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

ดูเพิ่มเติม