DOMTokenList: phương thức remove()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức remove() của giao diện DOMTokenList
loại bỏ các token được chỉ định khỏi danh sách.
Cú pháp
remove(token1)
remove(token1, token2)
remove(token1, token2, /* …, */ tokenN)
Tham số
token1, …,tokenN-
Một chuỗi biểu thị token mà bạn muốn xóa khỏi danh sách. Nếu chuỗi không có trong danh sách, sẽ không có lỗi nào được ném ra và không có gì xảy ra.
Giá trị trả về
Không có (undefined).
Ví dụ
Trong ví dụ sau, chúng ta lấy danh sách các lớp được đặt trên một
phần tử <span> dưới dạng DOMTokenList bằng
Element.classList. Sau đó chúng ta xóa một token khỏi danh sách, rồi ghi
danh sách vào Node.textContent của thẻ <span>.
Trước hết là HTML:
<span id="ab" class="a b c"></span> <span id="a" class="a b c"></span>
Bây giờ là JavaScript:
const span = document.getElementById("ab");
const classes = span.classList;
classes.remove("c");
span.textContent = classes;
Để xóa nhiều lớp cùng lúc, bạn có thể truyền nhiều token. Thứ tự bạn truyền các token không nhất thiết phải khớp với thứ tự chúng xuất hiện trong danh sách:
const span2 = document.getElementById("a");
const classes2 = span2.classList;
classes2.remove("c", "b");
span2.textContent = classes2;
Kết quả sẽ như sau:
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| DOM # ref-for-dom-domtokenlist-remove① |