اجزای Document HTML DOM

مستند

وقتی مستند HTML به مرورگر وب بارگذاری می‌شود، آن‌ها به یکمستند。

مستندنقش ریشه در مستند HTML است.

مستنداستمستندویژگی‌ها.

از طریق روش‌های زیر دسترسی بهمستند:

window.document یا فقط document

مثال

let url = window.document.URL;

خودتان امتحان کنید

let url = document.URL;

خودتان امتحان کنید

ویژگی‌ها و روش‌های مستند

در زیر ویژگی‌ها و روش‌هایی که می‌توانند برای مستند HTML استفاده شوند آورده شده است:

ویژگی / روش توضیح
all[] بازگشت به اشاره‌گر به همه عناصر HTML فایل مستند.
activeElement بازگشت به عنصر فعلی فایل مستند.
addEventListener() پیوستن یک مدیریت رویداد به مستند.
adoptNode() پذیرش گره‌ای از مستند دیگری.
anchors منسوخ شده است.
applets منسوخ شده است.
baseURI بازگشت URI مطلق نقطه مرجع مستند.
body تنظیم یا بازگشت متن مستند (عنصر <body>).
charset منسوخ شده است.
characterSet بازگشت کد فرمت حروف مستند.
close() بستن فایل خروجی باز شده قبلاً با document.open().
cookie بازگشت نام/مقدار همه کوکی‌های مستند.
createAttribute() ایجاد یک گره ویژگی.
createComment() ایجاد یک گره Comment با متن مشخصی.
createDocumentFragment() ایجاد یک گره DocumentFragment خالی.
createElement() ایجاد یک گره عنصر.
createEvent() ایجاد یک رویداد جدید.
createTextNode() ایجاد یک گره متن.
defaultView بازگشت نمونه‌ای از پنجره مرتبط با مستند، اگر در دسترس نباشد null بازمی‌گرداند.
designMode کنترل این که کل مستند باید قابل ویرایش باشد یا خیر.
doctype بازگشت نوع مستند مرتبط با مستند.
documentElement بازگشت عنصر Document مستند (عنصر <html>).
documentMode منسوخ شده است.
documentURI تنظیم یا بازگشت مکان مستند.
domain بازگشت دامنه سرور بارگذاری شده مستند.
domConfig منسوخ شده است.
embeds بازگشت مجموعه‌ای از همه عناصر <embed> در مستند.
execCommand() منسوخ شده است.
forms بازگشت مجموعه‌ای از همه عناصر <form> در مستند.
getElementById() بازگشت عنصری که دارای مقادیر مشخصی از ID است.
getElementsByClassName() بازگشت مجموعه‌ای از همه عناصر که دارای نام کلاس مشخصی هستند. HTMLCollection。
getElementsByName() بازگشت مجموعه‌ای از عناصر فعال که دارای نام مشخصی هستند. NodeList。
getElementsByTagName() بازگشت مجموعه‌ای از همه عناصر که دارای نام برچسب مشخصی هستند. HTMLCollection。
hasFocus() بازگشت یک مقدار بولین، که نشان‌دهنده این است که مستند تمرکز دارد یا خیر.
head بازگشت عنصر <head> مستند.
images بازگشت مجموعه‌ای از همه عناصر <img> در مستند.
implementation رابط DOMImplementation که برای این مستند پردازش می‌کند را برمی‌گرداند.
importNode() نواحی از یک مستند دیگر وارد می‌کند.
inputEncoding منسوخ شده است.
lastModified تاریخ و زمان آخرین تغییر مستند را برمی‌گرداند.
links مجموعه‌ای از عناصر <a> و <area> که دارای ویژگی href هستند را در مستند برمی‌گرداند.
normalize() نواحی خالی متنی را حذف کرده و نواحی مجاور را به هم متصل می‌کند.
normalizeDocument() منسوخ شده است.
open() یک جریان خروجی HTML را باز می‌کند تا خروجی document.write() را جمع‌آوری کند.
querySelector() اولین عنصر که با انتخاب‌گر CSS مشخص شده در مستند مطابقت دارد را برمی‌گرداند.
querySelectorAll() یک NodeList ثابت از عناصر که با انتخاب‌گر CSS مشخص شده در مستند مطابقت دارند را برمی‌گرداند.
readyState وضعیت (بارگذاری) مستند را برمی‌گرداند.
referrer URL مستندی که مستند فعلی را بارگذاری کرده است را برمی‌گرداند.
removeEventListener() برای حذف برنامه‌های مدیریت رویداد از مستند (که از آن استفاده شده است) روش addEventListener() واقعیتی که به آن اضافه شده است).
renameNode() منسوخ شده است.
scripts مجموعه‌ای از عناصر <script> موجود در مستند را برمی‌گرداند.
strictErrorChecking منسوخ شده است.
title عنوان مستند را تنظیم یا برمی‌گرداند.
URL URL کامل مستند HTML را برمی‌گرداند.
write() یک بیان HTML یا کد JavaScript را به مستند می‌نویسد.
writeln() با write() مشابه است، اما یک خط خالی در هر خط اضافه می‌کند.

توضیح Document

رابط HTMLDocument رابط DOM Document را گسترش می‌دهد و ویژگی‌ها و روش‌های اختصاصی HTML را تعریف می‌کند.

بسیاری از ویژگی‌ها و روش‌ها در جعبه HTMLCollection هستند (در واقع می‌توانند به عنوان یک آرایه یا آرایه‌ای با نام‌گذاری قابل دسترسی فقط خوانا استفاده شوند)، که به اتصالات، فرم‌ها، لینک‌ها و عناصر قابل اسکریپت دیگر اشاره دارند.

این مجموعه‌های属性 همه از سطح 0 DOM منشاء گرفته‌اند. آنها از Document.getElementsByTagName() با این حال همچنان به طور مرتب استفاده می‌شود، زیرا بسیار آسان هستند.

روش write()مهم است توجه داشته باشید که در زمان بارگذاری و تحلیل مستند، یک اسکریپت اجازه دارد محتوای تولید شده به صورت دینامیک به مستند اضافه کند.

توجه داشته باشید که در DOM سطح 1، HTMLDocument یک نام تعریف کرده است} getElementById() روش‌های بسیار مفید. در DOM سطح 2، این روش به رابط Document منتقل شده است و اکنون توسط HTMLDocument ارث‌برداری می‌کند نه اینکه توسط آن تعریف شده است.