موضوع‌ها

زبان‌ها

ساخت و توسعه

زیرساخت و عملیات

روش‌ها و اکوسیستم

موضوع‌های «برای تو» را انتخاب کن

واژه‌نامه

DOM (Document Object Model)

DOM یک API برای دسترسی به سندهای HTML و XML و تغییر آن‌هاست که سند را به شکل درختی از node‌ها نمایش می‌دهد.

توضیح

مرورگر هنگام بارگذاری سند، ساختاری درختی می‌سازد که هر node آن نمایندهٔ بخشی از سند، مثل element، متن یا comment است. کد می‌تواند از راه DOM این node‌ها را پیدا کند، تغییر دهد، جابه‌جا کند یا node تازه‌ای بسازد. همچنین می‌توان به node‌ها event listener اضافه کرد تا در واکنش به اتفاق‌هایی مثل کلیک، کدی اجرا شود.

مثال

const button = document.createElement('button');
button.textContent = 'کلیک کن';
button.addEventListener('click', () => {
  button.textContent = 'کلیک شد';
});
document.body.appendChild(button);

چرا مهمه

وقتی با JavaScript محتوای صفحه را تغییر می‌دهی یا به کلیک کاربر واکنش نشان می‌دهی، با DOM سروکار داری. شناخت آن کمک می‌کند ارتباط کد با ساختار صفحه را بفهمی.

این کارت را هوش مصنوعی نوشته و دو بار با هوش مصنوعی بررسی شده است.

بر پایهٔ «DOM (Document Object Model)» از MDN Web Docs (Mozilla Contributors)، با مجوز CC BY-SA 2.5. این کارت هم با همین مجوز منتشر شده است.

مطالبی با این مفهوم

هنوز مطلبی منتشر نشده.