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

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

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

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

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

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

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

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

ویژگی documentElement مستند

HTML <body> تگ

ایچٹی ایم اچ دا بodi آوبجیکٹ

مثال

مثال 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) است.

تمام مرورگرها کاملاً از آن حمایت می‌کنند:

چروم آئی ای ایج فائرفاکس سافری آپریا
چروم آئی ای ایج فائرفاکس سافری آپریا
پشتیبندگی 9-11 پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی