English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

خاصية previousElementSibling في HTML DOM

مثال على مجموعة HTML DOM Element

previousElementSiblingخاصية قابلة للقراءة في نفس مستوى الشجرة، تعود العنصر السابق للمحدد.

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

استخدامnextElementSiblingالخاصية تعود بالعنصر التالي للعنصر المحدد.

استخدامchildrenالخاصية تعود بكل العناصر الفرعية للعنصر المحدد.

النحو:

element.previousElementSibling
var x = document.querySelector("#div-2").previousElementSibling.innerHTML;
اختبار‹/›

تطابق المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم الخاصية previousElementSibling بشكل كامل:

خصائص
previousElementSibling23.51049

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

النتيجة المطلوبة:مثال على Node object يمثل العنصر السابق للمرتبة؛ إذا لم يكن هناك عناصر سابقة للمرتبة، فيمكنnull
إصدار DOM:مستوى DOM 3

مزيد من الأمثلة

تغيير محتوى HTML لل同级 السابق للعنصر div الثاني:

var div = document.querySelector("#div-2")
div.previousElementSibling.innerHTML = "HELLO WORLD";
اختبار‹/›

تغيير لون الخلفية لل同级 السابق للعنصر div الثاني:

var div = document.querySelector("#div-2")
div.previousElementSibling.style.backgroundColor = "coral";
اختبار‹/›

مراجع مرتبطة

مرجع HTML DOM:خصائص children

مرجع HTML DOM:خصائص nextElementSibling

مثال على مجموعة HTML DOM Element