JavaScript HTML DOM سند

شیء Document HTML DOM مالک همه عناصر دیگر وب‌سایت شماست.

شیء Document HTML DOM

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

اگر می‌خواهید به هر عنصری از صفحه 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(){code} افزودن برنامه‌های رویداد به روی رویداد 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 مplement 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