JavaScript nextElementSibling Method
دالة nextElementSibling في لغة جافا سكريبت
سوف تتعلم في هذا الدرس وظيفة دالة nextElementSibling وكيفية استخدامها وكيفية التنقل إلي العنصر التالي المُتفرع من نفس الأب داخل شجرة DOM في لغة جافا سكريبت.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript nextElementSibling Method chevron_left JavaScript
JavaScript nextElementSibling Method
دالة nextElementSibling في لغة جافا سكريبت
</>
JavaScript nextElementSibling Method
دالة nextElementSibling في لغة جافا سكريبت
تستخدم دالة nextElementSibling في لغة جافا سكريبت لقراءة وإرجاع العنصر التالي المُتفرع من نفس الأب داخل شجرة DOM tree بخلاف دالة nextSibling فأنها تقوم بقراءة وارجاع الكائن التالي وليس العنصر التالي.
وظيفة nextElementSibling في لغة جافا سكريبت:
قراءة العنصر التالي المُتفرع من نفس الأب داخل شجرة DOM tree.
قيم nextElementSibling في لغة جافا سكريبت:
- قراءة العنصر التالي العنصر المُتفرع من نفس الأب داخل شجرة DOM tree.
- null ارجاع قيمة في حال عدم وجود عنصر مجاور تالي مُتفرع من العنصر الأب داخل شجرة DOM tree.
JavaScript nextElementSibling syntax
طريقة كتابة دالة nextElementSibling في لغة جافا سكريبت.
element.nextElementSibling
هام
</>
JavaScript nextElementSibling
دالة nextElementSibling في لغة جافا سكريبت
JavaScript nextElementSibling
قراءة وإرجاع الكائن التالي داخل شجرة DOM في لغة جافا سكريبت عن طريق دالة nextElementSibling.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript nextElementSibling</title>
</head>
<body>
<h1 id="h1">JavaScript nextElementSibling</h1>
<p id="paragraph">from CloseTag nextElementSibling</p>
<script>
let h1 = document.getElementById('h1')
/* check console */
console.log(h1.nextElementSibling)
</script>
</body>
</html>
Result from console
</>
JavaScript nextElementSibling VS nextSibling
الفرق بين دالة nextElementSibling ودالة nextSibling في جافا سكريبت
دالة nextSibling تقوم بقراءة وإرجاع أي كائن تالي مجاور سواء كان عنصر أو كانت مسافة فارغة بينما دالة nextElementSibling تقوم بقراءة وإرجاع أي عنصر تالي مجاور فقط وتتجاهل المسافات في لغة جافا سكريبت.
JavaScript nextElementSibling
قراءة وإرجاع الكائن التالي داخل شجرة DOM في لغة جافا سكريبت عن طريق دالة nextElementSibling.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript nextElementSibling</title>
</head>
<body>
<h1 id="h1">JavaScript nextElementSibling</h1>
<p id="paragraph">from CloseTag nextElementSibling</p>
<script>
let h1 = document.getElementById('h1')
/* check console */
console.log(h1.nextElementSibling)
</script>
</body>
</html>
JavaScript nextSibling with space
سيتم إرجاء المسافة بين عنصر h1 وعنصر p لأن nextSibling تقوم بإرجاع الكائن المجاور وليس العنصر والكائن المجاور هو المسافة.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript nextSibling </title>
</head>
<body>
<h1 id="h1">JavaScript nextSibling </h1>
<p>from CloseTag nextSibling </p>
<script>
let h1 = document.getElementById('h1')
/* check console */
console.log(h1.nextSibling)
</script>
</body>
</html>
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
