این آموزش در تاریخ ۱۳۹۹/۱۱/۱۴ آپدیت شده است.

آموزش ویژگی body در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی body در DOM جاوااسکریپت با من همراه باشید.
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی body در DOM جاوااسکریپت با من همراه باشید.

Free-Learn

ویژگی body در DOM جاوااسکریپت

با استفاده از ویژگی body در جاوا اسکریپت میتونیم هم محتوای موجود در بادی یا تگ Body ( بدنه اصلی یک صفحه وب ) رو بگیریم و هم محتوای جدید داخلش قرار بدیم.

این ویژگی یکی از پراستفاده ترین ویژگی های DOM در جاوااسکریپت می باشد.

مقدار برگشتی محتوای موجود در بدنه یا Body یک صفحه وب
نسخه DOM Core Level 1 Document Object

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : در مثال زیر میخوایم با کلیک بروی یک دکمه، محتوای موجود در تگ body رو بدست آوریم.

امتحان کنید

مثال شماره ۲ : حال در مثال زیر میخوایم محتوای جدید درون تگ body بریزیم و نمایش بدیم.

امتحان کنید

مثال شماره ۳ : وقتی بروی دکمه کلیک شد، رنگ زمینه و رنگ متن صفحه تغییر پیدا میکنه.

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
body بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.


Free-Learn

نکات و توضیحات

  • وقتی بخوایم محتوای جدید در body قرار بدیم، این محتوای جدید بروی تمامی محتوا موجود در صفحه میشیند و عملا محتوای قبلی پاک میشود. ( همانند مثال شماره ۲ )
  • اگه بخوایم محتوای کل یک صفحه وب رو ( یعنی از تگ <html> تا <html/> ) بدست آوریم باید از ویژگی documentElement استفاده نماییم.

Free-Learn

دریافت PDF یا پرینت این مطلب