جسٹاگرافیک ایچ ٹی ایم ڈی او ایم دستاویز

عنصر Document HTML DOM صاحب تمامی عناصر دیگر وب‌سایت شماست.

عنصر Document HTML DOM

مستند Document نماینده وب‌سایت شماست.

اگر می‌خواهید به هر عنصری از صفحه HTML دسترسی پیدا کنید، همیشه باید از مستند document شروع کنید.

در اینجا چند مثال از نحوه استفاده از مستند document برای دسترسی و عملیات HTML آورده شده است.

عناصر HTML را پیدا کنید

روش توضیح
document.getElementById(id) عناصر را از طریق id عنصر پیدا کنید
document.getElementsByTagName(نام) عناصر را از طریق نام برچسب پیدا کنید
document.getElementsByClassName(نام) عناصر را از طریق نام کلاس پیدا کنید

تغییر عنصر HTML

روش توضیح
element.innerHTML = محتوای جدید html تغییر inner HTML عناصر
element.attribute = new value تغییر ارزش ویژگی عنصر HTML
element.setAttribute(attribute, value) تغییر ارزش ویژگی عنصر HTML
element.style.property = new style تغییر استایل عنصر HTML

افزودن و حذف عناصر

روش توضیح
document.createElement(element) ایجاد عنصر HTML
document.removeChild(element) حذف عنصر HTML
document.appendChild(element) افزودن عنصر HTML
document.replaceChild(element) جایگزینی عنصر HTML
document.write(text) نوشتن جریان خروجی HTML

افزودن برنامه‌های رویداد

روش توضیح
document.getElementById(id).onclick = function(){کد} افزودن برنامه‌های رویداد به onclick

جستجوی شیء HTML

اولین HTML DOM Level 1 (1998)، 11 شیء HTML، مجموعه شیء و ویژگی را تعریف کرد. آن‌ها در HTML5 نیز معتبر هستند.

در HTML DOM Level 3، در نهایت بیشتر اشیاء، مجموعه‌ها و ویژگی‌ها اضافه شدند.

ویژگی‌ها توضیح DOM
document.anchors بازگشت تمام عناصر <a> که ویژگی name دارند. 1
document.applets بازگشت تمام عناصر <applet>HTML5 آن را پیشنهاد نمی‌دهد. 1
document.baseURI بازگشت URI بنیادی مستند 3
document.body بازگشت عنصر <body> 1
document.cookie بازگشت کوکی مستند 1
document.doctype بازگشت doctype مستند 3
document.documentElement بازگشت عنصر <html> 3
document.documentMode بازگشت مدلی که مرورگر استفاده می‌کند 3
document.documentURI بازگشت URI مستند 3
document.domain بازگشت دامنه سرور مستند 1
document.domConfig استفاده نشده است.بازگشت تنظیمات DOM 3
document.embeds بازگشت تمام عناصر <embed> 3
document.forms تمام <form> عناصر بر آمد کرنے کے لئے 1
document.head <head> عناصر بر آمد کرنے کے لئے 3
document.images تمام <img> عناصر بر آمد کرنے کے لئے 1
document.implementation DOM نمائش بر آمد کرنے کے لئے 3
document.inputEncoding دستاویز کا کد (نوکری) بر آمد کرنے کے لئے 3
document.lastModified دستاویز کی آخری ترمیم کی تاریخ اور وقت بر آمد کرنے کے لئے 3
document.links تمام <area> اور <a> عناصر کے href اپنے اپ کی بر آمد کرنے کے لئے 1
document.readyState دستاویز کی (لوڈ) حالت بر آمد کرنے کے لئے 3
document.referrer منظور شدہ URI (لنک دستاویز) بر آمد کرنے کے لئے 1
document.scripts تمام <script> عناصر بر آمد کرنے کے لئے 3
document.strictErrorChecking کوئی غلطی چیک کرنا چاہئیے یا نہیں، اس کا بر آمد کرنے کے لئے 3
document.title <title> عناصر بر آمد کرنے کے لئے 1
document.URL دستاویز کی پورا URL بر آمد کرنے کے لئے 1