Phương thức querySelector

Phương thức querySelector cho phép lấy một phần tử của trang theo một bộ chọn CSS tùy ý. Với phần tử đã lấy được, chúng ta có thể thực hiện nhiều thao tác khác nhau: thay đổi văn bản của nó, thuộc tính, kiểu CSS và vân vân.

Cú pháp

javascriptdocument.querySelector(bộ chọn);

Ví dụ

Hãy lấy đoạn văn #elem và thay đổi văn bản của nó bằng textContent:

html<p id="elem">văn bản</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Ví dụ

Hãy lấy đoạn văn có lớp elem và thay đổi văn bản của nó:

html<p class="elem">văn bản</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

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

html<p id="elem">!!!</p>

Xem thêm