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

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

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

Free-Learn

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

با استفاده از ویژگی documentElement میتونیم تگ html رو از صفحه بگیریم ، تگ html هم که میدونید شامل تمامی بخش های یک صفحه وب می باشد. ( یعنی از تگ باز <html> تا تگ بسته <html/> )

تفاوت این ویژگی با ویژگی document.body در اینه که ، document.body فقط محتوای موجود در تگ Body رو برمیگردونه ولی documentElement میتونه محتوای کل یک صفحه وب رو برگردونه.

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

Free-Learn

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

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

مثال شماره ۱ : با کلیک بروی یک دکمه، کل محتوای موجود در صفحه در یک باکس پیغام نمایش داده میشود.

امتحان کنید

مثال شماره ۲ : قرار دادن محتوا ( تگ و.. ) جدید در صفحه

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

برای گرفتن تگ html :


برای گرفتن محتوای کل صفحه :

برای ریختن محتوای جدید در صفحه :

Free-Learn

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

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • این ویژگی بطور کلی تگ html رو برگشت میده و تگ html هم همونطور که میدونید جَد تمامی عناصر موجود در صفحه می باشد. پس اگه شما محتوای تگ html رو بدست آورید یعنی عملا تمامی محتوای موجود در یک صفحه وب رو بدست آوردید. ( همانند مثال شماره ۱ )

Free-Learn

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