DOM هي بنية التحكم في خصائص عناصر HTML و هي في JS تجعلها تعمل مثل المفسر الموجود في المتصفح . انت ستحتاج معرفة مكونات DOM لعناصر HTML حتى تغير محتوياتها بناء على المحدد Selector ـ DOM ايضا لديها القدرة على التعامل في الوقت الحقيقي للتغيرات التي تحصل لعناصر HTML وهو ما يعرف بال Events DOM تحوي خصائص Properties عنصر HTML مثل التنسيق Style يمكنك تغييرها عبر JS بالنسبة للفرق ف JS لغة برمجية قائمة بداتها تحتوي على اغلب المميزات القياسية

Js DOM , تحتوي على بنية صفحة الويب كاملة على شكل Tree فعندما تريد الوصول لاي عنصر في الصفحة يمكنك ذلك باستخدام التالي documentgetElementBy.... لا يوجد فرق وهن ليست منفصلات عن بعض , وانما الـ Dom هي اضافة في الجافا سكربت تسمح لك بالوصول الى اي عنصر في الصفحة.

إن هذه الصفحة التي تراها .. من أزرار وروابط وصور ومساحات (div & span) وجداول، يمكن تمثيلها بطريقتين: فأما الأولى، Markup وأشهرها HTML و XML-XSLT وهذا التمثيل هو الذي المُعتمد في التواصل بين المتصفحات والسيرفرات، وهذه الطريقة في التمثيل نصيّة (Document) ، بمعنى أنه لا يوجد له هيكل بيانات يمكن التعامل معه بسهولة، إذ تحتاج لاستنباط البيانات إلى Parser يقوم بقراءة البيانات لإخراج النتائج المرادة، ولكي يصبح التعامل معه سهلاً وسريعاً تم اختراع تمثيل آخر هو DOM. وهي الطريقة الثانية