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