การใช้งานเมธอด add() ของ HTML DOMTokenList

การระบุและวิธีใช้

add() วิธีใช้ของวิธีเพิ่ม (หรือหลาย) ทอเคน (token) ใน DOMTokenList。

ตัวอย่าง

ตัวอย่าง 1

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

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

}

ตัวอย่าง 2

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

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

}

ตัวอย่าง 3

เปิด/ปิด "myStyle":

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

}

ตัวอย่าง 4

เพิ่มหลายรูปแบบให้กับองค์ประกอบ:

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

}

ตัวอย่าง 5

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

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

}

ตัวอย่าง 6

เอาชื่อรูปแบบขององค์ประกอบ "myDIV"

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

}

ตัวอย่าง 7

เอาชื่อรูปแบบขององค์ประกอบ "myDIV"

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

}

ตัวอย่าง 8

องค์ประกอบนี้มีการใช้รูปแบบ "myStyle" หรือไม่?

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

}

ตัวอย่าง 9

ถ้าองค์ประกอบมีการใช้รูปแบบ "myStyle" ให้ลบ "anotherClass"

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

}

ทดลองด้วยตัวเอง

รูปแบบdomtokenlisttoken.add(

)

) การอธิบาย
token จำเป็น ต้องใส่ทางหลวงที่ต้องการเพิ่มเข้าไปในรายการ

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

ไม่มี

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

domtokenlist.add() เป็นคุณสมบัติของ DOM Level 4 (2015)

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

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

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

เพจที่เกี่ยวข้อง

ตัวแปร length

วิธีกรรม item()

วิธีกรรม remove()

วิธีกรรม toggle()

วิธีกรรม replace()

วิธีกรรม forEach()

วิธีกรรม entries()

วิธีกรรม keys()

วิธีกรรม values()

DOMTokenList องค์ประกอบ