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
document.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:
<p id="elem">văn bản</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Kết quả thực thi mã:
<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ó:
<p class="elem">văn bản</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Kết quả thực thi mã:
<p id="elem">!!!</p>
Xem thêm
-
phương thức
getElementById,
lấy phần tử theoid -
phương thức
querySelectorAll,
lấy một nhóm phần tử theo bộ chọn
