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

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

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

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

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

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

JavaScript nextSibling

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

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

Result from console

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