ویژگی body مستند HTML DOM

تعریف و استفاده

body ویژگی تنظیم یا بازگردانی عنصر مستند <body> است.

توجه داشته باشید:تنظیم body ویژگی‌ها همه عناصر مستند <body> را پوشش می‌دهند.

توجه داشته باشید:

document.body و document.documentElement تفاوت:

  • document.body به عنصر <body> بازمی‌گردد
  • document.documentElement به عنصر <html> بازمی‌گردد

لطفاً ببینید:

ویژگی documentElement مستند

برچسب <body> HTML

اشیاء بدن DOM HTML

مثال

مثال 1

محتوای HTML مستند را دریافت کنید:

const myBody = document.body.innerHTML;

به طور شخصی امتحان کنید

مثال 2

رنگ پس‌زمینه مستند را تغییر دهید:

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

به طور شخصی امتحان کنید

مثال 3

محتوای <body> مستند را تغییر دهید (همه محتوای موجود را پوشش دهد):

document.body.innerHTML = "Some new HTML content";

به طور شخصی امتحان کنید

مثال 4

عنصر <p> را ایجاد کنید و به متن مستند اضافه کنید:

const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);

به طور شخصی امتحان کنید

نحوه نوشتن

ویژگی body را بازگردانید:

document.body

ویژگی body را تنظیم کنید:

document.body = newContent

مقدار ویژگی

مقدار توضیح
newContent محتوای جدید عناصر <body>.

مقدار بازگشتی

نوع توضیح
عنصر عنصر body مستند.

پشتیبانی مرورگر

document.body ویژگی DOM Level 1 (1998) است.

همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی