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

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

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

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

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

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

JavaScript childNodes example

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

HTML
<html>
<head>
    <title>JavaScript childNodes</title>
</head>
<body>
<h1 id="h1">JavaScript childNodes</h1>
<p>from CloseTag childNodes</p>
<script>
  /* check console*/
  /* childNodes get all nodes*/
  console.log(document.body.childNodes)
  /* childNodes[1] -> get h1 element */
  console.log(document.body.childNodes[1])
</script>
</body>
</html>
Result from console

Result from console