HTML DOM Document

HTML DOM নথির বৈশিষ্ট্য এবং পদ্ধতি শিখুন

HTML DOM নথি

নথির বৈশিষ্ট্য এবং পদ্ধতি।

📅আপডেট করা হয়েছে:

জানুয়ারী 2026

নথির বৈশিষ্ট্য এবং পদ্ধতি

নাম ব্যাখ্যা
activeElement নথিতে বর্তমানে ফোকাস করা উপাদান প্রদান করে
addEventListener() নথিতে একটি ইভেন্ট হ্যান্ডলার সংযুক্ত করে
adoptNode() অন্য ডকুমেন্ট থেকে একটি নোড গ্রহণ করে
anchors বঞ্চিত
applets বঞ্চিত
baseURI একটি নথির পরম ভিত্তি URI প্রদান করে
body নথির মূল অংশ (<body> উপাদান) সেট করে বা ফেরত দেয়।
charset বঞ্চিত
characterSet নথির জন্য অক্ষর কোড প্রদান করে
close() পূর্বে document.open() দিয়ে খোলা আউটপুট স্ট্রীম বন্ধ করে
cookie নথিতে কুকির সমস্ত নাম/মান জোড়া ফেরত দেয়
createAttribute() একটি অ্যাট্রিবিউট নোড তৈরি করে
createComment() নির্দিষ্ট পাঠ্য সহ একটি মন্তব্য নোড তৈরি করে
createDocumentFragment() একটি খালি ডকুমেন্ট ফ্র্যাগমেন্ট নোড তৈরি করে
createElement() একটি উপাদান নোড তৈরি করে
createEvent() একটি নতুন উদাহরণ তৈরি করে
createTextNode() একটি টেক্সট নোড তৈরি করে
defaultView একটি নথির সাথে যুক্ত উইন্ডো অবজেক্ট ফেরত দেয়, অথবা যদি কোনোটি না পাওয়া যায় তাহলে শূন্য
designMode সম্পূর্ণ নথি সম্পাদনাযোগ্য হবে কিনা তা নিয়ন্ত্রণ করে
doctype নথির সাথে যুক্ত নথির প্রকার ঘোষণা প্রদান করে
documentElement নথির নথির উপাদান (<html> উপাদান) প্রদান করে।
documentMode বঞ্চিত
documentURI নথির অবস্থান সেট করে বা ফেরত দেয়
domain নথিটি লোড করা সার্ভারের ডোমেন নাম প্রদান করে
domConfig বঞ্চিত
embeds নথিতে সমস্ত <embed> উপাদানের সংগ্রহ ফেরত দেয়
execCommand() বঞ্চিত
forms নথিতে সমস্ত <form> উপাদানের সংগ্রহ ফেরত দেয়
getElementById() নির্দিষ্ট মান সহ ID বৈশিষ্ট্য ধারণকারী উপাদান প্রদান করে
getElementsByClassName() নির্দিষ্ট শ্রেণীর নাম সহ সমস্ত উপাদান সমন্বিত একটি HTML সংগ্রহ প্রদান করে
getElementsByName() নির্দিষ্ট নামের সমস্ত উপাদান সমন্বিত একটি আক্ষরিক নোডলিস্ট প্রদান করে
getElementsByTagName() নির্দিষ্ট ট্যাগ নামের সমস্ত উপাদান সমন্বিত একটি HTML সংগ্রহ দেখায়
hasFocus() নথিতে ফোকাস আছে কি না তা নির্দেশ করে একটি বুলিয়ান মান প্রদান করে
head নথির <head> উপাদান প্রদান করে
images নথিতে সমস্ত <img> উপাদানের সংগ্রহ দেখায়
implementation একটি DOMI বাস্তবায়ন বস্তু প্রদান করে যা এই নথিটি পরিচালনা করে
importNode() অন্য নথি থেকে একটি নোড আমদানি করে
inputEncoding বঞ্চিত
lastModified ডকুমেন্টটি শেষবার পরিবর্তন করার তারিখ এবং সময় প্রদান করে
links href এট্রিবিউট সহ নথিতে সমস্ত <a> এবং <area> উপাদানের সংগ্রহ দেখায়
normalize() খালি টেক্সট নোডগুলি সরিয়ে দেয় এবং সন্নিহিত নোডগুলিতে যোগ দেয়
normalizeDocument() বঞ্চিত
open() document.write() HTML
querySelector() নথির প্রথম উপাদানটি প্রদান করে যা নির্দিষ্ট CSS নির্বাচক(গুলি) এর সাথে মেলে।
querySelectorAll() নথিতে নির্দিষ্ট CSS নির্বাচক(গুলি) এর সাথে মেলে এমন সমস্ত উপাদান ধারণকারী একটি স্ট্যাটিক নোডলিস্ট প্রদান করে
readyState নথির (লোডিং) অবস্থা ফেরত দেয়
referrer বর্তমান নথি লোড করা নথির URL প্রদান করে৷
removeEventListener() নথি থেকে একটি ইভেন্ট হ্যান্ডলার সরিয়ে দেয় (addEventListener() পদ্ধতির সাথে যুক্ত)
renameNode() বঞ্চিত
scripts নথিতে <script> উপাদানগুলির সংগ্রহ ফেরত দেয়
strictErrorChecking বঞ্চিত
title নথির শিরোনাম সেট করে বা ফেরত দেয়
URL HTML নথির সম্পূর্ণ URL প্রদান করে
write() ডকুমেন্টে HTML এক্সপ্রেশন বা জাভাস্ক্রিপ্ট কোড লেখে
writeln() write() এর মতই, কিন্তু প্রতিটি বিবৃতির পরে একটি নতুন লাইন অক্ষর যোগ করে

নথি বৈশিষ্ট্য প্রদর্শন

বর্তমান নথি বৈশিষ্ট্য দেখুন:

বোতামে ক্লিক করে নথির বৈশিষ্ট্য দেখান

নথির উপাদানগুলি গণনা করুন:

বোতামে ক্লিক করে উপাদানগুলি গণনা করুন

💡টিপ:

ডকুমেন্ট অবজেক্ট হল ওয়েব পেজের রুট এন্ট্রি পয়েন্ট। এটি পৃষ্ঠার সমস্ত উপাদানের জন্য ম্যানেজার এবং অ্যাডমিন।

সাধারণভাবে ব্যবহৃত পদ্ধতি

উপাদান জন্য অনুসন্ধান

getElementById()
querySelector()
getElementsByClassName()
getElementsByTagName()

একটি ওয়েব পৃষ্ঠায় উপাদান খুঁজে পেতে সবচেয়ে ঘন ঘন ব্যবহৃত পদ্ধতি

উপাদান তৈরি করা

createElement()
createTextNode()
createAttribute()

নতুন উপাদান, টেক্সট নোড এবং গুণাবলী তৈরি করার পদ্ধতি

ইভেন্ট পরিচালনা

addEventListener()
removeEventListener()

ইভেন্ট পরিচালনার একটি আধুনিক এবং প্রস্তাবিত পদ্ধতি

ডকুমেন্টেশন তথ্য

title
URL
lastModified
readyState

বর্তমান নথি সম্পর্কে তথ্য পুনরুদ্ধারের বৈশিষ্ট্য

পুরানো পদ্ধতি সাবধান

⚠️গুরুত্বপূর্ণ সতর্কতা:

তালিকায় "অপ্রচলিত" চিহ্নিত পদ্ধতি এবং বৈশিষ্ট্যগুলি এখনও HTML DOM-এর আধুনিক মানগুলিতে সমর্থিত নয়৷

  • এই পুরানো বৈশিষ্ট্য ব্যবহার করবেন না
  • তারা ভবিষ্যতে ব্রাউজার সংস্করণে সরানো হতে পারে
  • সমানভাবে আধুনিক বিকল্প ব্যবহার করুন

উদাহরণ: getElementById()এর পরিবর্তেquerySelector()ব্যবহার করুন, কারণ এটি আরও নমনীয়তা প্রদান করে।

অনুশীলন করুন

কোনটি বৈধ HTML DOM নথি শৈলী নয়?

getElementsByClassName()
✗ এটি একটি বৈধ পদ্ধতি! নির্দিষ্ট শ্রেণীর নাম সহ সমস্ত উপাদান প্রদান করে
getElementsByTagName()
✗ এটি একটি বৈধ পদ্ধতি! নির্দিষ্ট ট্যাগ নামের সাথে সমস্ত উপাদান প্রদান করে
getElementsByAttributeName()
✓ ঠিক আছে! getElementsByAttributeName() HTML DOM-এ কোনো আইনি পদ্ধতি নয়। গুণাবলী দ্বারা অনুসন্ধান করতে querySelector() বা querySelectorAll() ব্যবহার করুন