خصوصية nextElementSibling في HTML DOM

nextElementSiblingتستعيد الخاصية العنصر التالي للعنصر المراد (لا تشمل عناصر النص، عناصر التعليقات)；

إذا لم يكن هناك عنصر متساوٍ التسلسل التالي، فإن هذه الخاصية تعودلا شيء.

استخدامpreviousElementSiblingيستعيد العنصر السابق للمعين.

استخدامchildrenيستعيد الخاصية أي عنصر فرع لمعين.

النحو:

element.nextElementSibling

مثال

var x = document.querySelector("#div-1").nextElementSibling.innerHTML;

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم الخاصية nextElementSibling بشكل كامل:

خصائص
nextElementSibling	2	3.5	10	4	9

الناتج:	مثلث Node، يمثل العنصر التالي في نفس المستوى؛ إذا لم يكن هناك رأس التالي،则为لا شيء
إصدار DOM:	مستوى DOM 3

تغيير محتوى HTML للرأس التالي للعنصر الأول div:

مثال

var div = document.querySelector("#div-1")
div.nextElementSibling.innerHTML = "HELLO WORLD";

تغيير لون الخلفية للرأس التالي للعنصر الأول div:

مثال

var div = document.querySelector("#div-1")
div.nextElementSibling.style.backgroundColor = "coral";