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

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

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

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

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

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

JavaScript previousElementSibling

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

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

Result from console

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