خصائص previousSibling في DOM HTML

مثلث عنصر DOM HTML

previousSiblingخصائص قراءة فقط تعود إلى العقدة السابقة في نفس مستوى الشجرة.

إذا لم يكن هناك عقدة مسبقة في نفس المستوى، فإن هذا الخصائص يعودnull.

الفراغ يتم اعتباره نصًا، والنص يتم اعتباره عقدة. يتم اعتبار التعليقات أيضًا عقدات.

للحصول على حل لحالة previousSibling التي تعود إلى #text أو #comment، يمكن استخدامpreviousElementSiblingيتم العودة فقط إلى العناصر النصية.

الاستخدامnextSiblingالخصائص العودة إلى العنصر التالي في نفس مستوى الشجرة.

الاستخدامchildNodesالخصائص يمكنها العودة إلى أي فرع من الفروع المحددة للعنصر المحدد.

النحو:

node.previousSibling

<div　id="div-1">هذا هو div-1</div>
<div　id="div-2">هذا هو div-2</div>
<script>
var x = document.querySelector("#div-2").previousSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

لكن، إذا تم حذف الفراغ بين DIV، فإن القيمة المعدة لن تكون #text:

<div　id="div-1">هذا هو div-1</div><div　id="div-2">هذا هو div-2</div>
<script>
var x = document.querySelector("#div-2").previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

ملاءمة المتصفحات

يدعم جميع المتصفحات الخاصية previousSibling بشكل كامل:

تفاصيل التقنية

مراجع مرتبطة

مرجع DOM HTMLالنودخصائص .childNodes

مرجع DOM HTMLالنودخصائص .firstChild

مرجع DOM HTMLالنودخصائص .lastChild

مرجع DOM HTMLالنودخصائص .parentNode

مرجع DOM HTMLالنودخصائص .nextSibling

مرجع DOM HTMLالنودخصائص .nodeName

مثلث عنصر DOM HTML