ตัวอย่าง
ได้รับเนื้อหา HTML ของพี่น้องก่อนหน้านี้ในรายการนี้:
var x = document.getElementById("item2").previousSibling.innerHTML;
ผลของ x จะเป็น:
Coffee (first li)
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ previousSibling กลับโหนดก่อนหน้าของโหนดที่ระบุในระดับเดียวกันต้นไม้
โหนดกลับถูกส่งกลับเป็นวัตถุโหนด
ความแตกต่างระหว่างคุณสมบัตินี้และ previousElementSibling เป็นที่ previousSibling กลับโหนดพี่น้องก่อนหน้านี้ในฐานะที่เป็นองค์ประกอบโหนดโหนดข้อความหรือความคิดเห็นโหนดขณะ previousElementSibling โหนดกลับพี่น้องก่อนหน้านี้ในฐานะที่เป็นองค์ประกอบโหนด (ignores text and comment nodes)
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
เคล็ดลับ: ใช้ nextSibling คุณสมบัติที่จะกลับโหนดต่อไปของโหนดที่ระบุในระดับเดียวกันต้นไม้
เคล็ดลับ: ใช้ childNodes คุณสมบัติที่จะกลับโหนดเด็ก ๆ ของโหนดที่ระบุ
สนับสนุนเบราว์เซอร์
คุณสมบัติ | |||||
---|---|---|---|---|---|
previousSibling | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
node .previousSibling
รายละเอียดทางเทคนิค
กลับค่า: | วัตถุโหนดเป็นตัวแทนของพี่น้องก่อนหน้านี้ของโหนดหรือ null ถ้าไม่มีพี่น้องก่อนหน้านี้ |
---|---|
DOM รุ่น | ระดับแกนวัตถุ 1 โหนด |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: โหนด childNodes ทรัพย์สิน
อ้างอิง HTML DOM: โหนด firstChild ทรัพย์สิน
อ้างอิง HTML DOM: โหนด lastChild ทรัพย์สิน
อ้างอิง HTML DOM: โหนด parentNode ทรัพย์สิน
อ้างอิง HTML DOM: โหนด nextSibling ทรัพย์สิน
อ้างอิง HTML DOM: โหนด nodeName ทรัพย์สิน