Phương thức add() của HTML DOMTokenList

Định nghĩa và cách sử dụng

add() Phương thức thêm một (hoặc nhiều) ký tự (token) vào DOMTokenList.

Mẫu

Ví dụ 1

Thêm lớp "myStyle" vào phần tử:

const list = element.classList;
list.add("myStyle");

}

Ví dụ 2

Xóa lớp "myStyle" khỏi phần tử:

const list = element.classList;
list.remove("myStyle");

}

Ví dụ 3

Chuyển đổi mở/đóng "myStyle":

const list = element.classList;
list.toggle("myStyle");

}

Ví dụ 4

Thêm nhiều lớp cho phần tử:

const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");

}

Ví dụ 5

Lấy số lượng thẻ lớp của phần tử:

const list = element.classList;
let numb = list.length;

}

Ví dụ 6

Lấy thẻ lớp của phần tử "myDIV":

const list = document.getElementById("myDIV").classList;

}

Ví dụ 7

Lấy thẻ lớp của phần tử "myDIV":

let className = element.classList.item(0);

}

Ví dụ 8

Phần tử có thẻ lớp "myStyle" không?

let x = element.classList.contains("myStyle");

}

Ví dụ 9

Nếu phần tử có thẻ lớp "myStyle", thì xóa "anotherClass".

if (element.classList.contains("mystyle")) {
  element.classList.remove("anotherClass");

}

Thử ngay

Cú phápdomtokenlisttoken.add(

)

) Mô tả
token Bắt buộc. Định dạng thẻ cần thêm vào danh sách.

Giá trị trả về

Không có.

Hỗ trợ trình duyệt

domtokenlist.add() Là tính năng DOM Level 4 (2015).

Nó nhận được sự hỗ trợ từ tất cả các trình duyệt:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Internet Explorer 11 (và các phiên bản trước) không hỗ trợ domtokenlist.add().

Trang liên quan

Thuộc tính length

Phương thức item()

Phương thức remove()

Phương thức toggle()

Phương thức replace()

Phương thức forEach()

Phương thức entries()

Phương thức keys()

Phương thức values()

Đối tượng DOMTokenList