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