วิธีการ getElementsByClassName

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

ไวยากรณ์

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

ตัวอย่าง

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

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

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

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

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

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

ดูเพิ่มเติม

วิธีการ querySelectorAll,
ซึ่งรับกลุ่มขององค์ประกอบตามซีเล็กเตอร์
วิธีการ getElementsByTagName,
ซึ่งรับกลุ่มขององค์ประกอบตามแท็ก