วิธีการ HTML DOMTokenList replace()
- หน้าก่อน remove()
- หน้าต่อไป supports()
- กลับไปหน้าแล้ว HTML DOMTokenList
คำนิยามและการใช้งาน
วิธีการ replace() แทนที่ตราสัญลักษณ์ (token) ใน DOMTokenList
ตัวอย่าง
ตัวอย่าง 1
แทนที่ด้วย CSS หลักคลาส
const list = element.classList;
list.replace("myStyle", "newStyle");
ตัวอย่าง 2
เพิ่ม "myStyle" องค์ประกอบ
const list = element.classList;
list.add("myStyle");
ตัวอย่าง 3
ลบ "myStyle" จากองค์ประกอบ
const list = element.classList;
list.remove("myStyle");
ตัวอย่าง 4
เปิด/ปิด "myStyle" ด้วยตัวเอง
const list = element.classList;
list.toggle("myStyle");
ภาษา
domtokenlist.replace(old, สำคัญ)
ตัวแปร
| ตัวแปร | การอธิบาย |
|---|---|
| old | สำคัญ ตราสัญลักษณ์ที่จะถูกแทนที่ |
| สำคัญ | สำคัญ ตราสัญลักษณ์ที่ต้องการแทนที่ |
ค่าที่ส่งกลับ
| ประเภท | การอธิบาย |
|---|---|
| ค่าเป็น boolean | ถ้าตราสัญลักษณ์ถูกแทนที่ จะเป็น true และไม่ใช่ false |
การสนับสนุนเบราเซอร์
domtokenlist.replace() คือคุณสมบัติ ECMAScript7 (ES7)
ทุกเบราเซอร์ที่ใช้งานในปัจจุบันสนับสนุน ES7 (JavaScript 2016) ：
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
Internet Explorer หรือ Edge 17 (หรือเก่ากว่า) ไม่สนับสนุน domtokenlist.replace()
หน้าที่เกี่ยวข้อง
- หน้าก่อน remove()
- หน้าต่อไป supports()
- กลับไปหน้าแล้ว HTML DOMTokenList
