شرح صفوف ومحتوى الفقرة
لاحظ ثبات وموثوقية nextElementSibling التامة سواء ضُغط ملف HTML في سطر واحد أو نُسّق في عدة أسطر مع تعليقات توضيحية:
| طريقة تنسيق كود HTML | نتيجة item1.nextSibling | نتيجة item1.nextElementSibling |
|---|---|---|
| متلاصق في سطر واحد | العنصر <li>2</li> | العنصر <li>2</li> |
| منسق بأسطر ومسافات بادئة | عقدة المسافة النصية #text | العنصر <li>2</li> بثبات تام |
| يفصل بينهما تعليق HTML | عقدة التعليق #comment | العنصر <li>2</li> بثبات تام |
JavaScript
const first = document.getElementById('q-item');
const out = document.getElementById('compare-out');
out.textContent =
'nextSibling: ' + first.nextSibling.nodeName +
' | nextElementSibling: ' + first.nextElementSibling.tagName +
' (' + first.nextElementSibling.textContent + ')';