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

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

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

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

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

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

JavaScript parentElement

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

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

Result from console

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