Phương thức getElementsByClassName

Phương thức getElementsByClassName cho phép lấy các phần tử trên trang theo lớp của chúng, được đặt trong thuộc tính class. Với các phần tử đã lấy, bạn có thể thực hiện các thao tác khác nhau: thay đổi văn bản, thuộc tính, kiểu CSS của chúng, v.v.

Cú pháp

document.getElementsByClassName(tên lớp);

Ví dụ

Hãy lấy tất cả các phần tử có lớp www và thay đổi văn bản của chúng bằng thuộc tính innerHTML:

<p class="www">phần tử 1</p>
<p class="www">phần tử 2</p>
<p class="www">phần tử 3</p>

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

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

Kết quả thực thi mã:

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

Xem thêm

phương thức querySelectorAll,
lấy một nhóm phần tử theo bộ chọn
phương thức getElementsByTagName,
lấy một nhóm phần tử theo thẻ