شرح صفوف ومحتوى الفقرة
nextSibling تقوم بقراءة أي كائن بجوار العنصر التالي سواء كان عنصر أو إذا كانت مسافة فارغة هناك فرق بين المثالين التاليين.
JavaScript nextSibling with space
سيتم إرجاء المسافة بين عنصر h1 وعنصر p لأن nextSibling تقوم بإرجاع الكائن المجاور وليس العنصر والكائن المجاور هو المسافة.
HTML
<h1 id="h1">JavaScript nextSibling </h1>
<p>from CloseTag nextSibling </p>
<script>
let h1 = document.getElementById('h1')
/* check console */
console.log(h1.nextSibling)
</script>
JavaScript nextSibling with next element
سيتم إرجاء المسافة العنصر الذي يلي عنصر h1 وهو عنصر p لأن nextSibling تقوم بإرجاع الكائن المجاور.
HTML
<h1 id="h1">JavaScript nextSibling </h1><p>from CloseTag nextSibling </p>
<script>
let h1 = document.getElementById('h1')
/* check console */
console.log(h1.nextSibling)
</script>
JavaScript get nextSibling content
قراءة وإرجاع المحتوي الداخلي للعنصر المجاور في لغة جافا سكريبت.
HTML
<h1 id="h1">JavaScript nextSibling </h1><p>from CloseTag nextSibling </p>
<script>
let h1 = document.getElementById('h1')
/* check console */
console.log(h1.nextSibling.innerText)
</script>