আমি জানি যে DOM এর পুর্ন রুপ Document Object Model . আমার প্রশ্ন হল DOM কি কাজে আসে এবং এটা কোথায় ব্যাবহার হয়? একটু বিস্তারিত বল্লে খুশি হতাম।

asked 18 Jan '16, 06:09

Imon%20Hossain's gravatar image

Imon Hossain
644217

edited 18 Jan '16, 14:28

Kaiser%20Ahmed's gravatar image

Kaiser Ahmed
3.2k522


Document Object Model (DOM) হলো আমরা একটি পুরো ডকুমেন্টকে একটি আবজেক্ট আকারে পাবো, যা আমরা ডায়নামিকভাবে পরিবর্তন করতে পারবো । এখানে ডকুমেন্ট বলতে HTML pages এবং XML documents কে বোঝানো হয়েছে এবং আমরা যে অবজেক্টটি পাবো তা হলো document.

একটি উদাহরণ, ধরুন আমি একটি HTML পেজ তৈরি করেছি যার কোড এরকমঃ

alt text

আর এর আউটপুট হিসেবে আমরা দেখতে পাবো এটিঃ

alt text

এখন প্রথমে এই পুরো অংশটুকু document অবজেক্ট এর মধ্যে আছে । আমরা যেকোনো সময় এর মধ্যে যে কোনো কিছু নিয়ে কাজ করতে পারবো । এখানে আমি যদি চাই Before লেখাটি পরিবর্তন করে After করবো তাহলে নিচের কোডটুকু লিখলেই হবে ।

alt text

যার আউটপুট হবে এটি ।

alt text

একটু লক্ষ্য করি

document.getElementById("test").innerHTML = "After";

এখানে আমরা test আইডির এলিমেন্ট পরিবর্তন করে দিয়েছি ।

document.getElementById("test") // এর মাধ্যমে test আইডির এলিমেট নেওয়া যায় । 
document.getElementById("test").innerHTML  // এর মাধ্যমে test আইডির এলিমেট এর HTML অংশটুকু নেওয়া যায় । 
document.getElementById("test").innerHTML = "After"; //এর মাধ্যমে test আইডির এলিমেট এর HTML অংশটুকু পরিবর্তন করা হয়েছে।

তার মানে আমরা একটি আইডির ভিতরের সব কিছু নিয়ে কাজ করতে পারছি । এটি শুধু আইডির ভিতরেই সীমাবদ্ধ নয় ।

document.getElementById(id) // আইডির এলিমেট নেওয়া যায় । 
document.getElementsByTagName(name) // ট্যাগের এলিমেট নেওয়া যায় । 
document.getElementsByClassName(name) // ক্লাসের এলিমেট নেওয়া যায় ।



আরো অনেক কাজ আছে DOM এর । নিচে কিছু রেফারেন্স দেওয়া হলো ।

ডোম বাংলা ওয়েবকোচবিডি
ডোম ইংরেজি w3school

permanent link

answered 22 Jan '16, 10:42

Sharif%20Chowdhury's gravatar image

Sharif Chowdhury
3.5k111

edited 22 Jan '16, 10:46

1

Thank you borother

(22 Jan '16, 12:15) Imon Hossain
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Question tags:

×31
×11
×7
×1

question asked: 18 Jan '16, 06:09

question was seen: 1,211 times

last updated: 22 Jan '16, 12:15