Chuyển đổi DOMTokenList HTML()
❮ Đối tượng DOMTokenListVí dụ
Bật và tắt "myStyle":
const list = element.classList;
list.toggle("mywStyle");
Hãy tự mình thử »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ử »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 .toggle(token)
Thông số
Parameter | Description |
token | Required. The token to toggle. |
Giá trị trả về
KHÔNG CÓ |
Thêm ví dụ
Thêm nhiều lớp vào phần tử an:
element.classList.add("myStyle", "anotherClass", "thirdClass");
Hãy tự mình thử »Xóa nhiều lớp khỏi một phần tử:
element.classList.remove("myStyle", "anotherClass", "thirdClass");
Hãy tự mình thử »Chuyển đổi giữa các lớp để tạo nút thả xuống:
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
Hãy tự mình thử »Hỗ trợ trình duyệt
domtokenlist.toggle()
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.toggle()
không được hỗ trợ trong Internet Explorer 11 (hoặc phiên bản cũ hơn).
❮ Đối tượng DOMTokenList