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

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

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

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

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

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

JavaScript previousSibling

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

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

Result from console

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