HTML DOMTokenList thêm()
❮ Đối tượng DOMTokenListVí dụ
Thêm lớp "myStyle" vào một phần tử:
const list = element.classList;
list.add("myStyle");
Hãy tự mình thử »Xóa lớp "myStyle" khỏi một phần tử:
const list = element.classList;
list.remove("myStyle");
Hãy tự mình thử »Bật và tắt "myStyle":
const list = element.classList;
list.toggle("myStyle");
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức add()
thêm một (hoặc nhiều) mã thông báo vào DOMTokenList .
Xem thêm:
Cú pháp
domtokenlist .add(token)
Thông số
Parameter | Description |
token | Required. The token(s) to add to the list. |
Giá trị trả về
KHÔNG CÓ |
Thêm ví dụ
Thêm nhiều lớp vào phần tử an:
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
Hãy tự mình thử »Nhận số lượng mã thông báo lớp cho một phần tử:
const list = element.classList;
let numb = list.length;
Hãy tự mình thử »Nhận mã thông báo lớp của phần tử "myDIV":
const list = document.getElementById("myDIV").classList;
Hãy tự mình thử »Nhận mã thông báo hạng nhất của một phần tử:
let className = element.classList.item(0);
Hãy tự mình thử »Phần tử an có mã thông báo lớp "myStyle" không?
let x = element.classList.contains("myStyle");
Hãy tự mình thử »Xóa "anotherClass" nếu một phần tử có mã thông báo lớp "myStyle".
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
Hãy tự mình thử »Hỗ trợ trình duyệt
domtokenlist.add()
là tính năng DOM cấp 4 (2015).
Nó được hỗ trợ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
domtokenlist.add()
không được hỗ trợ trong Internet Explorer 11 (hoặc phiên bản cũ hơn).
❮ Đối tượng DOMTokenList