คุณสมบัติ nextElementSibling

คุณสมบัติ nextElementSibling มีข้อมูลของ องค์ประกอบถัดไป ที่อยู่ใน parent เดียวกัน หากไม่มีองค์ประกอบดังกล่าว - จะคืนค่าเป็น null

ไวยากรณ์

javascriptelement.nextElementSibling;

ตัวอย่าง

กำหนดองค์ประกอบ #elem มาให้ ลองแสดง ข้อความของเพื่อนบ้านด้านล่างของมัน:

html<p id="elem">elem</p>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

ผลลัพธ์จากการรันโค้ด:

javascript'sibling'

ตัวอย่าง

หากไม่มีเพื่อนบ้านด้านล่าง หรือมันไม่ได้อยู่ ใน parent เดียวกับองค์ประกอบของเรา ก็จะคืนค่าเป็น null เช่นกัน:

html<div>
  <p id="elem">elem</p>
</div>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

ผลลัพธ์จากการรันโค้ด:

javascriptnull

ดูเพิ่มเติม