জেভাস্ক্রিপ্ট এইচটিএমএল ডম ডকুমেন্ট

HTML DOM ডকুমেন্ট অবজেক্ট আপনার ওয়েবপেজের অন্যান্য অবজেক্টগুলির মালিক

HTML DOM Document অবজেক্ট

ডকুমেন্ট অবজেক্ট

আপনি যদি এইচটিএমএল পাতায় কোনও এলিমেন্ট প্রবেশ করতে চান, তবে আপনি সবসময় document অবজেক্টটি থেকে শুরু করেন

নিচে কিভাবে document অবজেক্টটি এইচটিএমএল-এ প্রবেশ করে এবং অপারেশন করা হয়েছে তা দেখানো হল।

এইচটিএমএল এলিমেন্ট খুঁজুন

পদ্ধতি বর্ণনা
document.getElementById(id) এলিমেন্ট id-র দ্বারা এলিমেন্ট খুঁজুন
document.getElementsByTagName(নাম) ট্যাগ নামের দ্বারা এলিমেন্ট খুঁজুন
document.getElementsByClassName(নাম) ক্লাস নামের দ্বারা এলিমেন্ট খুঁজুন

এইচটিএমএল এলিমেন্ট পরিবর্তন

পদ্ধতি বর্ণনা
element.innerHTML = নতুন এইচটিএমএল কনটেন্ট এলিমেন্টের ইনার এইচটিএমএল পরিবর্তন
element.attribute = new value HTML ইলেকট্রনিক উপাদানের অ্যাট্রিবিউট মান পরিবর্তন করুন
element.setAttribute(attribute, value) HTML ইলেকট্রনিক উপাদানের অ্যাট্রিবিউট মান পরিবর্তন করুন
element.style.property = new style HTML ইলেকট্রনিক উপাদানের শৈলী পরিবর্তন করুন

ইলেকট্রনিক উপাদান যোগ এবং মুক্ত করুন

পদ্ধতি বর্ণনা
document.createElement(element) HTML ইলেকট্রনিক উপাদান তৈরি করুন
document.removeChild(element) HTML ইলেকট্রনিক উপাদান মুক্ত করুন
document.appendChild(element) HTML ইলেকট্রনিক উপাদান যোগ করুন
document.replaceChild(element) HTML ইলেকট্রনিক উপাদানকে প্রতিস্থাপন করুন
document.write(text) HTML আউটপুট স্ট্রিমে লিখুন

ইভেন্ট হ্যান্ডলার যোগ করুন

পদ্ধতি বর্ণনা
document.getElementById(id).onclick = function(){code} onclick ইভেন্টে ইভেন্ট হ্যান্ডলার যোগ করুন

HTML অবজেক্ট খুঁজুন

প্রথম HTML DOM Level 1 (1998), 11টি HTML অবজেক্ট, অবজেক্ট সংকলন এবং অ্যাট্রিবিউট নির্ধারিত করেছে। তারা HTML5-এও কার্যকরী

পরবর্তীতে, HTML DOM Level 3-এ, আরও অবজেক্ট, সংকলন এবং অ্যাট্রিবিউট যোগ করা হয়েছে

অ্যাট্রিবিউট বর্ণনা DOM
document.anchors সমস্ত name অ্যাট্রিবিউট সহ <a> ইলেকট্রনিক উপাদানগুলোকে ফিরিয়ে দিতে 1
document.applets সমস্ত <applet> ইলেকট্রনিক উপাদানগুলোকে ফিরিয়ে দিতে（HTML5-এ এটা পরামর্শ করা হয় না） 1
document.baseURI ডকুমেন্টের অবস্থার ভিত্তিক URI ফিরিয়ে দিতে 3
document.body <body> ইলেকট্রনিক উপাদানকে ফিরিয়ে দিতে 1
document.cookie ডকুমেন্টের cookie ফিরিয়ে দিতে 1
document.doctype ডকুমেন্টের doctype ফিরিয়ে দিতে 3
document.documentElement <html> ইলেকট্রনিক উপাদানকে ফিরিয়ে দিতে 3
document.documentMode ব্রাউজার দ্বারা ব্যবহৃত মোডকে ফিরিয়ে দিতে 3
document.documentURI ডকুমেন্টের URI ফিরিয়ে দিতে 3
document.domain ডকুমেন্ট সার্ভারের ডোমেন ফিরিয়ে দিতে 1
document.domConfig বর্জিত হয়েছেডমেইন কনফিগারেশন ফিরিয়ে দিতে 3
document.embeds সমস্ত <embed> ইলেকট্রনিক উপাদানগুলোকে ফিরিয়ে দিতে 3
document.forms সমস্ত <form> ইলেকমেন্ট ফিরিয়ে দেয় 1
document.head সমস্ত <head> ইলেকমেন্ট ফিরিয়ে দেয় 3
document.images সমস্ত <img> ইলেকমেন্ট ফিরিয়ে দেয় 1
document.implementation ডম ইমপ্লিমেন্টেশন ফিরিয়ে দেয় 3
document.inputEncoding ডকুমেন্টের এনকোডিং (চার্যাক্টার সেট) ফিরিয়ে দেয় 3
document.lastModified ডকুমেন্টের অপদাত্ত তারিখ ও সময় ফিরিয়ে দেয় 3
document.links সমস্ত <area> এবং <a> ইলেকমেন্টগুলির href অ্যাট্রিবিউট ধারণকারী ফিরিয়ে দেয় 1
document.readyState ডকুমেন্টের (লোড) অবস্থা ফিরিয়ে দেয় 3
document.referrer রেফারেন্সকৃত URI (লিঙ্ক ডকুমেন্ট) ফিরিয়ে দেয় 1
document.scripts সমস্ত <script> ইলেকমেন্ট ফিরিয়ে দেয় 3
document.strictErrorChecking যদি তীব্র ত্রুটি পরীক্ষা করা হবে তা নিশ্চিত করে 3
document.title ডকুমেন্টের <title> ইলেকমেন্ট ফিরিয়ে দেয় 1
document.URL ডকুমেন্টের সম্পূর্ণ ইউআরএল ফিরিয়ে দেয় 1