HTML DOM Document body الخاصية

التعريف والاستخدام

جسم خصائص تعيّن أو تعود العنصر <body> للوثيقة.

ملاحظة:ضبط جسم خصائص ستعوض جميع العناصر في <body> الوثيقة.

إشارة

document.body و document.documentElement الفرق بينهما:

  • document.body يعود <body> العنصر
  • document.documentElement يعود <html> العنصر

انظر أيضًا:

Document documentElement الخاصية

ملف <body> HTML

مفهوم Body DOM HTML

مثال

مثال 1

الحصول على محتوى HTML للوثيقة:

const myBody = document.body.innerHTML;

جرب بنفسك

مثال 2

تغيير لون الخلفية للوثيقة:

document.body.style.backgroundColor = "yellow";

جرب بنفسك

مثال 3

تغيير <body> للوثيقة (استبدال جميع المحتويات الموجودة حاليًا):

document.body.innerHTML = "محتوى HTML جديد";

جرب بنفسك

مثال 4

إنشاء عنصر <p> وضعه في نص الوثيقة:

const para = document.createElement("p");
const node = document.createTextNode("هذا هو فقرة.");
para.appendChild(node);
document.body.appendChild(para);

جرب بنفسك

النحو

رجوع خاصية الجسم:

document.body

ضبط خاصية الجسم:

document.body = newContent

قيمة الخاصية

القيمة وصف
newContent محتوى العنصر الجديد لـ <body>.

القيمة التي يتم رجوعها

نوع وصف
عنصر عنصر الجسم في الوثيقة.

دعم المتصفح

document.body هي خاصية مستوى DOM 1 (1998).

جميع المتصفحات تدعمها بشكل كامل:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم