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

JavaScript previousSibling get previous Object قراءة الكائن السابق بواسطة دالة previousSibling في جافا سكريبت

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

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

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

الصف 1 شرح توضيحي

دالة previousSibling تقوم بقراءة أي كائن سابق بجوار العنصر الحالي سواء كان عنصر أو كانت مسافة فارغة هناك فرق بين المثالين التاليين.

JavaScript previousSibling with space

سيتم إرجاع المسافة بين عنصر p وعنصر h1 لأن previousSibling تقوم بإرجاع الكائن السابق المجاور وليس العنصر والكائن السابق المجاور هو المسافة.

HTML
<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 تقوم بإرجاع الكائن السابق المجاور.

HTML
<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

قراءة وإرجاع المحتوي الداخلي للعنصر السابق المجاور في لغة جافا سكريبت.

HTML
<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>