วิธี closest() ของ HTML DOM Element
- หน้าก่อนหน้า cloneNode()
- หน้าต่อไป compareDocumentPosition()
- กลับไปยังเพจขึ้นหนึ่ง วัตถุ HTML DOM Elements
คำอธิบายและการใช้งาน
closest() วิธีค้นหาองค์ประกอบในต้นไม้ DOM ที่ตรงกับตัวเลือก CSS
closest() วิธีดำเนินการจากองค์ประกอบเอง แล้วไปที่บิดา บิดายาย องค์ประกอบยาย... จนเจอตัวเลือกที่ตรงกัน
ถ้าไม่พบตัวเลือกที่ตรงกัน closest() วิธีคืนค่า null
ดูเพิ่มเติมที่:
ตัวอย่าง
ตัวอย่าง 1
หาองค์ประกอบที่ใกล้ที่สุดที่ตรงกับเลือกตัวเลือก CSS ".container":
const element = document.getElementById("myElement");
const closest = element.closest(".container");
ตัวอย่าง 2
หาองค์ประกอบที่ใกล้ที่สุดที่ตรงกับ ".container" หรือ ".wrapper":
const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");
การใช้งาน
element.closest(selectors)
ตัวแปร
| ตัวแปร | รายละเอียด |
|---|---|
| selectors |
จำเป็นต้องมี หนึ่งหรือหลาย (แยกด้วยความหมายเลข) ตัวเลือก CSS ที่ต้องการตรงกัน โปรดดูคู่มือสมบูรณ์ของเรา คู่มือเลือกเล็กน้อย CSS |
ค่าที่คืนค่า
| ชนิด | รายละเอียด |
|---|---|
| วัตถุ |
อันดับที่ใกล้ที่สุดขององค์ประกอบหรือตัวองค์ประกอบเองที่ตรงกับเลือกตัวเลือก CSS ถ้าไม่พบตัวเลือกที่ตรงกัน จะคืนค่า null ถ้าเลือกตัวเลือกไม่ถูกต้อง จะทำให้เกิดข้อผิดพลาด SYNTAX_ERR |
เบราเซอร์ที่สนับสนุน
ที่สนับสนุนอย่างเต็มที่ closest() เบราเซอร์รุ่น
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome 41 |
Edge 15 |
Firefox 35 |
Safari 9 |
Opera 28 |
| 2015 年 3 月 | 2017 ปี 4 พฤษภาคม | 2015 ปี 1 มกราคม | 2015 ปี 10 ตุลาคม | 2015 年 3 月 |
- หน้าก่อนหน้า cloneNode()
- หน้าต่อไป compareDocumentPosition()
- กลับไปยังเพจขึ้นหนึ่ง วัตถุ HTML DOM Elements
