Phương thức querySelectorAll

Phương thức querySelectorAll cho phép lấy các phần tử trang theo bộ chọn CSS tùy ý. Với các phần tử nhận được, 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.querySelectorAll(bộ chọn);

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 textContent:

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.querySelectorAll('.www');

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

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

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

Xem thêm