HTML DOM রেফারেন্স
উপাদান বৈশিষ্ট্য এবং পদ্ধতি.
আপডেট করা হয়েছে:
জানুয়ারী 2026
উপাদান বৈশিষ্ট্য এবং পদ্ধতি
| নাম | ব্যাখ্যা |
|---|---|
| accessKey | উপাদানটির অ্যাক্সেসকি বৈশিষ্ট্য সেট করে বা ফেরত দেয় |
| addEventListener() | উপাদানের সাথে একটি ইভেন্ট হ্যান্ডলার সংযুক্ত করে |
| after() | একটি উপাদানের পরে এক বা একাধিক নোড (উপাদান) বা স্ট্রিং সন্নিবেশ করান |
| append() | একটি উপাদানের শেষ সন্তানের পরে এক বা একাধিক নোড (উপাদান) বা স্ট্রিং যোগ করে (সংযুক্ত)। |
| appendChild() | একটি উপাদানের শেষ সন্তানের পরে একটি নতুন চাইল্ড নোড যোগ করে (সংযুক্ত করে)। |
| attributes | উপাদানের বৈশিষ্ট্যগুলির একটি NamedNodeMap প্রদান করে |
| before() | একটি উপাদানের আগে এক বা একাধিক নোড (উপাদান) বা স্ট্রিং সন্নিবেশ করান |
| blur() | উপাদান থেকে ফোকাস অপসারণ |
| childElementCount | উপাদানটির চাইল্ড উপাদানের সংখ্যা প্রদান করে |
| childNodes | উপাদানের চাইল্ড নোডগুলির একটি নোডলিস্ট প্রদান করে |
| children | উপাদানের চাইল্ড উপাদানগুলির একটি HTML সংগ্রহ দেখায় |
| classList | উপাদানটির ক্লাস নাম(গুলি) প্রদান করে |
| className | এলিমেন্টের ক্লাস অ্যাট্রিবিউটের মান সেট করে বা রিটার্ন করে |
| click() | একটি উপাদানের উপর একটি মাউস-ক্লিক ক্রিয়া অনুকরণ করে |
| clientHeight | প্যাডিং সহ উপাদানের উচ্চতা প্রদান করে |
| clientLeft | উপাদানটির বাম সীমানার প্রস্থ ফেরত দেয় |
| clientTop | উপাদানের উপরের সীমানার প্রস্থ ফেরত দেয় |
| clientWidth | প্যাডিং সহ উপাদানটির প্রস্থ ফেরত দেয় |
| cloneNode() | উপাদানটি নকল করে |
| closest() | CSS নির্বাচকের সাথে মেলে এমন নিকটতম উপাদান খুঁজে পেতে DOM ট্রি অনুসন্ধান করে |
| compareDocumentPosition() | দুটি উপাদানের নথির অবস্থা তুলনা করে |
| contains() | একটি নোড অন্য নোডের বংশধর হলে সত্য দেখায় |
| contentEditable | উপাদানটির বিষয়বস্তু সম্পাদনাযোগ্য কি না তা সেট করে বা ফেরত দেয় |
| dir | এলিমেন্টের dir অ্যাট্রিবিউটের মান সেট করে বা রিটার্ন করে |
| firstChild | উপাদানটির প্রথম চাইল্ড নোড প্রদান করে |
| firstElementChild | এলিমেন্টের প্রথম চাইল্ড এলিমেন্ট প্রদান করে |
| focus() | উপাদান মনোযোগ দেয় |
| getAttribute() | উপাদানটির বৈশিষ্ট্যের মান প্রদান করে |
| getAttributeNode() | অ্যাট্রিবিউট নোড প্রদান করে |
| getBoundingClientRect() | ভিউপোর্টের সাপেক্ষে উপাদানের আকার এবং অবস্থান প্রদান করে |
| getElementsByClassName() | প্রদত্ত শ্রেণীর নাম সহ চাইল্ড উপাদানগুলির একটি সেট প্রদান করে |
| getElementsByTagName() | প্রদত্ত ট্যাগ নামের সাথে চাইল্ড উপাদানগুলির একটি সেট প্রদান করে |
| hasAttribute() | উপাদানটিতে প্রদত্ত বৈশিষ্ট্য থাকলে সত্য দেখায় |
| hasAttributes() | উপাদানটির কোনো বৈশিষ্ট্য থাকলে সত্য প্রদান করে |
| hasChildNodes() | যদি উপাদানটির কোনো চাইল্ড নোড থাকে তাহলে সত্য দেখায় |
| id | এলিমেন্টের আইডি অ্যাট্রিবিউটের মান সেট করে বা রিটার্ন করে |
| innerHTML | উপাদানের বিষয়বস্তু সেট বা প্রদান করে |
| innerText | নোড এবং এর ডেরিভেটিভের পাঠ্য বিষয়বস্তু সেট বা প্রদান করে |
| insertAdjacentElement() | উপাদানের সাথে সম্পর্কিত অবস্থানে একটি নতুন HTML উপাদান সন্নিবেশ করান |
| insertAdjacentHTML() | উপাদানের সাথে যুক্ত অবস্থানে HTML বিন্যাসিত পাঠ্য সন্নিবেশ করান |
| insertAdjacentText() | উপাদানের সাথে সম্পর্কিত অবস্থানে পাঠ্য সন্নিবেশ করান |
| insertBefore() | একটি বিদ্যমান চাইল্ড নোডের আগে একটি নতুন চাইল্ড নোড সন্নিবেশ করান |
| isContentEditable | উপাদানটির বিষয়বস্তু সম্পাদনাযোগ্য হলে সত্য দেখায় |
| isDefaultNamespace() | প্রদত্ত নেমস্পেসইউআরআই ডিফল্ট হলে সত্য প্রদান করে |
| isEqualNode() | দুটি উপাদান সমান কিনা তা পরীক্ষা করে |
| isSameNode() | দুটি উপাদান একই নোড কিনা তা পরীক্ষা করে |
| isSupported() | বঞ্চিত |
| lang | এলিমেন্টের ল্যাং এট্রিবিউটের মান সেট করে বা রিটার্ন করে |
| lastChild | উপাদানটির শেষ চাইল্ড নোড প্রদান করে |
| lastElementChild | এলিমেন্টের শেষ চাইল্ড এলিমেন্ট প্রদান করে |
| matches() | প্রদত্ত CSS নির্বাচক দ্বারা উপাদানটি মিলে গেলে সত্য দেখায় |
| namespaceURI | উপাদানটির নামস্থান URI প্রদান করে |
| nextSibling | একই নোড ট্রি পজিশনে পরবর্তী নোড ফেরত দেয় |
| nextElementSibling | একই নোড ট্রি পজিশনে পরবর্তী এলিমেন্ট রিটার্ন করে |
| nodeName | নোডের নাম প্রদান করে |
| nodeType | নোডের নোডের ধরন প্রদান করে |
| nodeValue | নোডের মান সেট করে বা ফেরত দেয় |
| normalize() | উপাদানে সংলগ্ন পাঠ্য নোডগুলিতে যোগদান করে এবং খালি পাঠ্য নোডগুলি সরিয়ে দেয় |
| offsetHeight | প্যাডিং, সীমানা এবং স্ক্রলবার সহ উপাদানের উচ্চতা প্রদান করে |
| offsetWidth | প্যাডিং, সীমানা এবং স্ক্রলবার সহ উপাদানটির প্রস্থ ফেরত দেয় |
| offsetLeft | উপাদানটির অনুভূমিক অফসেট অবস্থান প্রদান করে |
| offsetParent | উপাদানটির অফসেট ধারক প্রদান করে |
| offsetTop | উপাদানটির উল্লম্ব অফসেট অবস্থান প্রদান করে |
| outerHTML | উপাদানের বিষয়বস্তু সেট করে বা ফেরত দেয় (স্টার্ট ট্যাগ এবং শেষ ট্যাগ সহ)। |
| outerText | নোড এবং এর ডেরিভেটিভের বহিরাগত পাঠ্য বিষয়বস্তু সেট বা ফেরত দেয় |
| ownerDocument | উপাদানটির জন্য মূল উপাদান (ডকুমেন্ট অবজেক্ট) প্রদান করে |
| parentNode | উপাদানটির মূল নোড প্রদান করে |
| parentElement | উপাদানটির মূল উপাদান নোড প্রদান করে |
| previousSibling | একই নোডটি ট্রি পজিশনে আগের নোডটি ফেরত দেয় |
| previousElementSibling | একই নোড ট্রি পজিশনে আগের এলিমেন্ট রিটার্ন করে |
| querySelector() | CSS নির্বাচক(গুলি) এর সাথে মেলে এমন প্রথম চাইল্ড উপাদান প্রদান করে। |
| querySelectorAll() | CSS নির্বাচক(গুলি) মেলে এমন সমস্ত চাইল্ড উপাদান প্রদান করে। |
| remove() | DOM থেকে একটি উপাদান সরিয়ে দেয় |
| removeAttribute() | একটি উপাদান থেকে একটি বৈশিষ্ট্য সরান |
| removeAttributeNode() | অ্যাট্রিবিউট নোড সরিয়ে দেয় এবং সরিয়ে দেওয়া নোড ফেরত দেয় |
| removeChild() | উপাদান থেকে চাইল্ড নোড সরিয়ে দেয় |
| removeEventListener() | addEventListener() পদ্ধতিতে সংযুক্ত ইভেন্ট হ্যান্ডলারকে সরিয়ে দেয় |
| replaceChild() | এলিমেন্টে চাইল্ড নোড প্রতিস্থাপন করে |
| scrollHeight | প্যাডিং সহ উপাদানটির সম্পূর্ণ উচ্চতা প্রদান করে |
| scrollIntoView() | উপাদানটিকে ব্রাউজার উইন্ডোর ভিউপোর্টে স্ক্রোল করে |
| scrollLeft | উপাদানটির বিষয়বস্তু অনুভূমিকভাবে স্ক্রোল করা পিক্সেলের সংখ্যা সেট করে বা ফেরত দেয় |
| scrollTop | উপাদানটির বিষয়বস্তু উল্লম্বভাবে স্ক্রোল করা পিক্সেলের সংখ্যা সেট করে বা ফেরত দেয় |
| scrollWidth | প্যাডিং সহ উপাদানটির সম্পূর্ণ প্রস্থ প্রদান করে |
| setAttribute() | বৈশিষ্ট্যের মান সেট বা পরিবর্তন করে |
| setAttributeNode() | অ্যাট্রিবিউট নোড সেট বা পরিবর্তন করে |
| style | উপাদানের শৈলী বৈশিষ্ট্যের মান সেট করে বা প্রদান করে |
| tabIndex | এলিমেন্টের ট্যাবিনডেক্স অ্যাট্রিবিউটের মান সেট করে বা রিটার্ন করে |
| tagName | উপাদানটির ট্যাগ নাম প্রদান করে |
| textContent | নোড এবং এর ডেরিভেটিভের পাঠ্য বিষয়বস্তু সেট বা প্রদান করে |
| title | উপাদানের শিরোনাম বৈশিষ্ট্যের মান সেট করে বা ফেরত দেয় |
| toString() | উপাদানকে স্ট্রিং এ রূপান্তর করে |
ইন্টারেক্টিভ উপাদান প্রদর্শন
ইন্টারেক্টিভ উপাদান:
DOM উপাদান প্রদর্শন
এই উপাদানটির বৈশিষ্ট্য এবং পদ্ধতি পরীক্ষা করুন
পরীক্ষা উপাদান বৈশিষ্ট্য:
উপরের বোতামে ক্লিক করে উপাদান বৈশিষ্ট্য এবং পদ্ধতি পরীক্ষা করুন
টিপ:
প্রতিটি HTML উপাদান একটি বস্তু এবং এই টেবিলে তালিকাভুক্ত সমস্ত বৈশিষ্ট্য এবং পদ্ধতি রয়েছে। এই বস্তুগুলি আপনাকে ওয়েব পৃষ্ঠাটিকে ব্যবহারকারীর জন্য ইন্টারেক্টিভ এবং কার্যকরী করার অনুমতি দেয়।
অঙ্গ ক্লাস
অনুসন্ধান এবং নির্বাচন
querySelector()
closest()
matches()
getElementsByClassName()
উপাদান সনাক্তকরণ এবং নির্বাচন করার পদ্ধতি
DOM গাছের কারসাজি
appendChild()
insertBefore()
removeChild()
replaceChild()
DOM কাঠামোতে উপাদান যোগ, অপসারণ বা সংশোধন করার পদ্ধতি
উপাদান বৈশিষ্ট্য
getAttribute()
setAttribute()
hasAttribute()
removeAttribute()
এলিমেন্ট এট্রিবিউট ম্যানিপুলেট করার পদ্ধতি
আকার এবং অবস্থান
clientWidth
offsetHeight
scrollTop
getBoundingClientRect()
উপাদান মাত্রা এবং অবস্থান পেতে বৈশিষ্ট্য
পারিবারিক সম্পর্ক
parentNode
children
firstChild
nextSibling
DOM গাছের উপাদানগুলির মধ্যে সম্পর্ক প্রাপ্ত করার জন্য বৈশিষ্ট্য
ইভেন্ট পরিচালনা
addEventListener()
removeEventListener()
click()
focus()
ঘটনা পরিচালনার জন্য পদ্ধতি
সবচেয়ে গুরুত্বপূর্ণ পদ্ধতি
গুরুত্বপূর্ণ নোট:
আধুনিক ওয়েব ডেভেলপমেন্টে নিম্নলিখিত পদ্ধতিগুলি প্রায়শই ব্যবহৃত হয়:
- querySelector() / querySelectorAll()- CSS নির্বাচক ব্যবহার করে উপাদান নির্বাচন করুন
- addEventListener() / removeEventListener()- ইভেন্ট পরিচালনার জন্য
- classListব্যবসা - ক্লাস ম্যানিপুলেট করার জন্য (যোগ করুন, সরান, টগল করুন, রয়েছে)
- setAttribute() / getAttribute()- গুণাবলী ম্যানিপুলেট করতে
- innerHTML / textContent- উপাদান বিষয়বস্তু পরিবর্তন করতে
এই পদ্ধতিগুলি সমস্ত আধুনিক ব্রাউজার দ্বারা প্রস্তাবিত এবং সমর্থিত।