انتقل إلى محتوى الدرس

JavaScript parentNode example مثال علي استخدام دالة parentNode في لغة جافا سكريبت

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

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

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

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

JavaScript parentNode example

مثال علي إستخدام parentNode في لغة JavaScript.

HTML
<html>
<head>
    <title>JavaScript parentNode</title>
</head>
<body>
<h1 id="h1">JavaScript parentNode</h1>
<p>from CloseTag parentNode</p>
<script>
  let h1 = document.getElementById('h1');
  /* check console*/
  console.log(h1.parentNode)
</script>
</body>
</html>

JavaScript parentNode result

النتيجة التي تم إرجاعها من دالة parentNode لعنصر h1 وهو عنصر body بالكامل.

HTML
<body>
<h1 id="h1">JavaScript node relationships</h1>
<p>from CloseTag node relationships</p>
<script>
  let h1 = document.getElementById('h1');
  /* check console*/
  console.log(h1.parentNode)
</script>
JavaScript parentNode result from console

JavaScript parentNode result from console