---
title: ডকুমেন্ট অবজেক্ট মডেল (DOM)
slug: DOM
tags:
  - DOM
  - NeedsTranslation
  - References
  - TopicStub
translation_of: Web/API/Document_Object_Model
translation_of_original: DOM
---
<div class="geckoVersionNote">
 <div class="callout-box">
  <strong><a href="/en-US/docs/Using_the_W3C_DOM_Level_1_Core" title="en-US/docs/Using_the_W3C_DOM_Level_1_Core">W3C DOM এর ১ম কোর লেভেল ব্যবহার করা</a></strong><br>
  W3C DOM এর হাতেখড়ি।</div>
</div>
<div>
 <p><span class="seoSummary"><strong>ডকুমেন্ট অবজেক্ট মডেল </strong>(Document Object Model) বা সংক্ষেপে DOM হচ্ছে <a href="/bn-BD/docs/HTML">HTML</a> এবং <a href="/bn-BD/docs/XML">XML</a> ডকুমেন্ট ম্যানিপুলেট করার জন্য একটি অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস বা API । এটা ডকুমেন্ট এর একটি গাঠনিক উপস্থাপনা প্রদান করে, আর আপনাকে <a href="/bn-BD/docs/JavaScript">জাভাস্ক্রিপ্ট</a> ব্যবহার করে এর ভেতরে থাকা কন্টেন্ট এবং দৃশ্যমান উপাদানগুলোকে সংশোধন করার সুবিধা প্রদান করে।</span></p>
</div>
<div class="cleared topicpage-table row">
 <div class="section">
  <h2 class="Documentation" id="Documentation" name="Documentation">DOM সম্পর্কে ডকুমেন্টেশন</h2>
  <dl>
   <dt>
    <a href="/bn-BD/docs/DOM/DOM_Reference" title="en-US/docs/Gecko_DOM_Reference">DOM রেফারেন্স</a></dt>
   <dd>
    ডকুমেন্ট অবজেক্ট মডেল এর রেফারেন্স।</dd>
   <dt>
    <a href="/bn-BD/docs/DOM/About_the_Document_Object_Model" title="en-US/docs/About_the_Document_Object_Model">ডকুমেন্ট অবজেক্ট মডেল সম্পর্কে</a></dt>
   <dd>
    DOM সম্পর্কে সংক্ষিপ্ত বর্ণনা।</dd>
   <dt>
    <a href="/bn-BD/docs/JavaScript/JavaScript_technologies_overview" title="en-US/docs/The_DOM_and_JavaScript">DOM এবং জাভাস্ক্রিপ্ট</a></dt>
   <dd>
    DOM কি ? জাভাস্ক্রিপ্ট কি ? কিভাবে আমি এই দুটোকে একসাথে আমার ওয়েব পেজে ব্যবহার করব ? এখানে পাবেন এমন সব প্রশ্নের উত্তর।</dd>
   <dt>
    <a href="/bn-BD/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information" title="en-US/docs/DOM/Using_dynamic_styling_information">ডায়নামিক স্টাইলিং তথ্য ব্যবহার করা</a></dt>
   <dd>
    DOM এর মাদ্ধমে কিভাবে তথ্য সংগ্রহ করা যায় এবং স্টাইলিং ম্যানিপুলেট করা যায়।</dd>
   <dt>
    <a href="/bn-BD/docs/DOM/DOM_event_reference" title="DOM event reference">DOM ইভেন্ট রেফারেন্স</a></dt>
   <dd>
    DOM ইভেন্ট সমূহের অর্থসহ তালিকা।</dd>
   <dt>
    <a href="/bn-BD/docs/DOM/Manipulating_the_browser_history" title="en-US/docs/DOM/Manipulating_the_browser_history">History API: ব্রাউজারের ইতিহাস ম্যানিপুলেট করা</a></dt>
   <dd>
    HTML5-এ চালু হওয়া DOM এর বর্ণনা করে {{ domxref("window.history") }} অবজেক্ট, ব্রাউজারের ইতিহাস ডায়নামিক্যালি পরিবর্তন করার সুবিধা প্রদান করে।</dd>
   <dt>
    <a href="/en-US/docs/Using_files_from_web_applications" title="https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications">ফাইল API: ওয়েব অ্যাপ্লিকেশন থেকে ফাইল ব্যবহার করা</a></dt>
   <dd>
    HTML5-এ প্রবর্তিত লোকাল ফাইল নির্বাচন করার এবং পড়ার ক্ষমতা বর্ণনা।</dd>
   <dt>
    <a href="/en-US/docs/DOM/Using_the_Page_Visibility_API" title="en-US/docs/DOM/Using_the_Page_Visibility_API">Page এর Visibility API ব্যবহার করা</a></dt>
   <dd>
    এখানে বর্ণনা করা হয়েছে, কিভাবে একটি ওয়েব পেজ সনাক্ত করতে হবে এবং উক্ত ওয়েব পেজ থেকে প্রাপ্ত তথ্য ব্যবহার করতে হবে; সেটা ব্যাকগ্রাউন্ডে ব্যবহৃত হোক বা ফোরগ্রাউন্ডে।</dd>
   <dt>
    <a href="/en-US/docs/DOM/Using_full-screen_mode" title="Using full-screen mode">Fullscreen API: ফুলস্ক্রিন মোড ব্যবহার করা</a></dt>
   <dd>
    এতে বর্ণনা করা হয়েছে, কিভাবে একটি পেজকে ব্রাউজারের কোন এলিমেন্ট ছাড়া সমগ্র স্ক্রিন জুড়ে দেখার জন্য তৈরি করতে হবে।</dd>
   <dt>
    <a href="/en-US/docs/Determining_the_dimensions_of_elements" title="en-US/docs/Determining_the_dimensions_of_elements">এলিমেন্টের মাত্রা নির্ণয়</a></dt>
   <dd>
    আপনার প্রয়োজন অনুযায়ী সঠিক ভাবে এলিমেন্টের মাত্রা নির্ধারণের কৌশল এখানে বর্ণনা করা হয়েছে।</dd>
   <dt>
    <a href="/en-US/docs/Dynamically_modifying_XUL-based_user_interface" title="en-US/docs/Dynamically_modifying_XUL-based_user_interface">Dynamically modifying XUL-based user interface</a></dt>
   <dd>
    The basics of manipulating the XUL UI with DOM methods.</dd>
  </dl>
  <p><span class="alllinks"><a href="/en-US/docs/tag/DOM" title="/en-US/docs/tag/DOM">View All...</a></span></p>
 </div>
 <div class="section">
  <h2 class="Community" id="Community" name="Community">Getting help from the community</h2>
  <p>You need help on a DOM-related problem and can't find the solution in the documentation?</p>
  <ul>
   <li>Consult the dedicated Mozilla forum: {{ DiscussionList("dev-tech-dom", "mozilla.dev.tech.dom") }}</li>
  </ul>
  <h2 class="Tools" id="Tools" name="Tools">Tools easing working with the DOM</h2>
  <ul>
   <li><a class="external" href="http://www.getfirebug.com/">Firebug </a></li>
   <li><a href="/en-US/docs/DOM_Inspector" title="en-US/docs/DOM_Inspector">DOM Inspector</a></li>
   <li><a class="external" href="http://slayeroffice.com/tools/modi/v2.0/modi_help.html">Mouse-over DOM Inspector</a></li>
   <li><a class="external" href="http://www.karmatics.com/aardvark/">Aardvark Firefox extension</a></li>
  </ul>
  <p><span class="alllinks"><a href="/en-US/docs/tag/DOM:Tools" title="/en-US/docs/tag/DOM:Tools">View All...</a></span></p>
  <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Related Topics</h2>
  <ul>
   <li><a href="/en-US/docs/AJAX" title="en-US/docs/AJAX">AJAX</a>, <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DHTML" title="en-US/docs/DHTML">DHTML</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a></li>
  </ul>
 </div>
</div>
<p> </p>