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