วิธีการ remove() ของ HTML DOMTokenList

การประกาศและวิธีใช้

วิธีการ remove() ลบ (หรือหลาย) แทรก (token) ออกจาก DOMTokenList

ตัวอย่าง

ตัวอย่าง 1

ลบคลาส "myStyle" ออกจากองค์ประกอบ:

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

ทดสอบด้วยตัวเอง

ตัวอย่าง 2

เพิ่มคลาส "myStyle" ให้กับองค์ประกอบ:

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

ทดสอบด้วยตัวเอง

ตัวอย่าง 3

เปลี่ยนระหว่างการเปิดและปิด "myStyle"

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

ทดสอบด้วยตัวเอง

ตัวอย่าง 4

ลบคลาสหลายรายการจากองค์ประกอบ

element.classList.remove("myStyle", "anotherClass", "thirdClass");

ทดสอบด้วยตัวเอง

ตัวอย่าง 5

หาจำนวนคลาสขององค์ประกอบ

let numb = element.classList.length;

ทดสอบด้วยตัวเอง

ตัวอย่าง 6

มีคลาส "myStyle" หรือไม่?

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

ทดสอบด้วยตัวเอง

ตัวอย่าง 7

ถ้าองค์ประกอบมีคลาส "myStyle" ก็ลบ "anotherClass"

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

ทดสอบด้วยตัวเอง

วลี

domtokenlist.remove(token, ...)

ตัวเลือก

ตัวเลือก คำอธิบาย
token จำเป็น ต้องใช้ทางเลือกที่ต้องการลบ (token)

ค่าที่กลับมา

ไม่มี

การสนับสนุนบราวเซอร์

domtokenlist.remove() คือคุณสมบัติของ DOM Level 4 (2015)

มันได้รับการสนับสนุนจากทุกบราวเซอร์:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

Internet Explorer 11 (และเวอร์ชั่นก่อนหน้านี้) ไม่สนับสนุน domtokenlist.remove()

หน้าที่เกี่ยวข้อง

นามสกุล length

วิธี item()

วิธี add()

วิธี toggle()

วิธี forEach()

วิธี entries()

วิธี keys()

วิธีอัตราย()

DOMTokenList อนุตัว