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

javascriptelement.classList.add(class);

Ví dụ

Thêm lớp kkk cho phần tử:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

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

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

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

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

html<p id="elem" class="www ggg zzz"></p>

Xem thêm