คุณสมบัติ previousElementSibling ของ HTML DOM Element
- หน้าก่อน previousSibling
- หน้าต่อไป querySelector()
- กลับไปหน้าสูงสุด วัตถุ HTML DOM Elements
การระบุและการใช้งาน
previousElementSibling
คุณสมบัติส่ง�回ค่าสิ่งที่มีระดับเดียวกันกับเฉพาะเครื่องมือนี้
previousElementSibling
คุณสมบัติเป็นค่าเดาะ
ดูเพิ่มเติม:
โครงสร้างของ HTML และองค์ประกอบ
ใน HTML DOM(Document Object Model) โดยที่เอกสาร HTML คือชุดของโครงสร้างที่มี (หรือไม่มี) ลูกโครงสร้าง
โครงสร้างหมายถึงโครงสร้างขององค์ประกอบ ตัวอักษร และอาทิตย์เนิน
องค์ประกอบช่องว่างระหว่างองค์ประกอบก็เป็นตัวอักษร
องค์ประกอบเป็นโครงสร้างขององค์ประกอบ
พี่น้องและองค์ประกอบพี่น้อง
พี่น้องคือ 'พี่' และ 'น้อง'
พี่น้องเป็นโครงสร้างที่มีพ่อแม่เดียวกัน (ในโครงสร้างเดียวกัน) childNodes ในรายการ
องค์ประกอบพี่น้องเป็นองค์ประกอบที่มีพ่อแม่เดียวกัน (ในองค์ประกอบเดียวกัน) children ในรายการ
ลูกโครงสร้างและลูกองค์ประกอบ
childNodes กลับค่าลูกโครงสร้าง(โครงสร้างขององค์ประกอบ ตัวอักษร และอาทิตย์เนิน)
children กลับค่าลูกองค์ประกอบ(ไม่กลับค่าของตัวอักษรและอาทิตย์เนิน)
nextSibling และ nextElementSibling
nextSibling กลับค่าพี่น้องต่อไปโครงสร้าง(โครงสร้างขององค์ประกอบ ตัวอักษร หรืออาทิตย์เนิน) ช่องว่างระหว่างองค์ประกอบก็เป็นตัวอักษร
nextElementSibling กลับค่าพี่น้องต่อไปองค์ประกอบ(ไม่กลับค่าของตัวอักษรและอาทิตย์เนิน)
previousSibling และ previousElementSibling
previousSibling กลับค่าพี่น้องก่อนๆโครงสร้าง(โครงสร้างขององค์ประกอบ ตัวอักษร หรืออาทิตย์เนิน) ช่องว่างระหว่างองค์ประกอบก็เป็นตัวอักษร
previousElementSibling กลับค่าพี่น้องก่อนๆองค์ประกอบ(ไม่กลับค่าของตัวอักษรและอาทิตย์เนิน)
ตัวอย่าง
กลับค่า HTML ของพี่น้องก่อนๆ:
let text = element.previousElementSibling.innerHTML;
รูปแบบ
element.previousElementSibling
ค่าที่กลับมา
ชนิด | รายละเอียด |
---|---|
องค์ประกอบ | เพื่อนอุปนิสัยก่อนๆ |
null | ถ้าไม่มีพี่น้องก่อนๆ |
การสนับสนุนของบราวเซอร์
element.previousElementSibling
เป็นคุณสมบัติของ DOM Level 3 (2004)
ทุกบราวเซอร์สนับสนุนมันทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
สนับสนุน | 9-11 | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน previousSibling
- หน้าต่อไป querySelector()
- กลับไปหน้าสูงสุด วัตถุ HTML DOM Elements