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