انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: دالة nextElementSibling في لغة جافا سكريبت

JavaScript nextElementSibling دالة nextElementSibling في لغة جافا سكريبت

سوف تتعلم في هذا الدرس وظيفة دالة nextElementSibling وكيفية استخدامها وكيفية التنقل إلي العنصر التالي المُتفرع من نفس الأب داخل شجرة DOM في لغة جافا سكريبت.

1 صفوف تعليمية
جافا سكريبت
2,350 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
سوف نستخدم في هذا المثال دالة nextElementSibling مع عنصر <h1> لإرجاع العنصر التالي وهو عنصر p في لغة جافا سكريبت.

JavaScript nextElementSibling

قراءة وإرجاع الكائن التالي داخل شجرة DOM في لغة جافا سكريبت عن طريق دالة nextElementSibling.

HTML 
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript nextElementSibling</title>
</head>
<body>
<h1 id="h1">JavaScript nextElementSibling</h1>
<p id="paragraph">from CloseTag nextElementSibling</p>
<script>
  let h1 = document.getElementById('h1')
  /* check console */
  console.log(h1.nextElementSibling)
</script>
</body>
</html>
جرّب بنفسك
Result from console

Result from console

جميع فقرات هذا الدرس (دالة nextElementSibling في لغة جافا سكريبت)