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

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

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

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

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 querySelector,
lấy một phần tử theo bộ chọn
phương thức getElementsByClassName,
lấy một nhóm phần tử theo lớp
phương thức getElementsByTagName,
lấy một nhóm phần tử theo thẻ