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

javascriptdocument.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:

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

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

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

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

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

Xem thêm