Phương thức add của đối tượng classList
Phương thức add của đối tượng
classList
cho phép thêm các lớp CSS vào phần tử.
Cú pháp
element.classList.add(class);
Ví dụ
Thêm lớp kkk cho phần tử:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Kết quả thực thi mã:
<p id="elem" class="www ggg zzz kkk"></p>
Ví dụ
Thêm lớp zzz cho phần tử, lớp này
đã tồn tại trong phần tử - sẽ không có gì xảy ra,
vì các lớp trùng lặp không được thêm vào:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Kết quả thực thi mã:
<p id="elem" class="www ggg zzz"></p>
Xem thêm
-
phương thức
classList.remove,
xóa một lớp đã chỉ định -
phương thức
classList.contains,
kiểm tra một lớp đã chỉ định -
phương thức
classList.toggle,
chuyển đổi một lớp đã chỉ định
