HTML DOM Document getElementById() পদ্ধতি

সংজ্ঞা ও ব্যবহার

getElementById() পদ্ধতি নির্দিষ্ট id-ভুক্ত এলিমেন্ট ফিরিয়ে দেবে

যদি এলিমেন্ট উপস্থিত না থাকেgetElementById() পদ্ধতি ফিরিয়ে দেবে null。

getElementById() পদ্ধতি হল একটি অন্যতম সবচেয়ে ব্যবহৃত HTML DOM-এর পদ্ধতি। একবার কোনও সময় HTML এলিমেন্টটি পড়া বা সংশোধন করতে চান তখন এটা ব্যবহার করা হয়。

সতর্কতা

কোনও id-এরই উপস্থিতি হবে কিন্তু:

যদি দুটি বা তার বেশি এলিমেন্ট একই id-ভুক্ত থাকে getElementById() প্রথমটিকে ফিরিয়ে দেয়

আরও দেখুন:

getElementsByTagName() পদ্ধতি

getElementsByClassName() পদ্ধতি

querySelector() পদ্ধতি

querySelectorAll() পদ্ধতি

একটি উদাহরণ

উদাহরণ 1

বিন্যাসটির সঙ্গে নির্দিষ্ট id-ভুক্ত এলিমেন্ট পাওয়া:

document.getElementById("demo");

স্বয়ংক্রিয়ভাবে চেষ্টা করুন

উদাহরণ 2

একটি এলিমেন্ট পাওয়া এবং তার রঙ পরিবর্তন করুন:

const myElement = document.getElementById("demo");
myElement.style.color = "red";

স্বয়ংক্রিয়ভাবে চেষ্টা করুন

উদাহরণ 3

বা শুধুমাত্র এটার রঙ পরিবর্তন করুন:

document.getElementById("demo").style.color = "red";

স্বয়ংক্রিয়ভাবে চেষ্টা করুন

গঠনশৈলী

document.getElementById(elementId)

প্রমাণপত্র

প্রমাণপত্র বর্ণনা
elementId অপরিহার্য

ফলাফল

ধরন বর্ণনা
একটি

সংগ্রহ করা হয়

না পাওয়া পর্যন্ত, null ফিরিয়ে দেবে。

প্রযুক্তিগত বিবরণ

getElementById() এই পদ্ধতি একটি গুরুত্বপূর্ণ সাধারণ পদ্ধতি, কারণ এটি নির্দিষ্ট ডকুমেন্ট ইলেকট্রনিক অংশকে Element অবজেক্ট হিসাবে অনুসন্ধান করার সহজ পদ্ধতি প্রদান করে。

এই পদ্ধতিটি id অ্যাট্রিবিউটের মান elementId এমন Element নোডগুলি অনুসন্ধান করে এবং তা ফিরিয়ে দেবে, যদি এমন ইলেকট্রনিক না পায় null。id অ্যাট্রিবিউটের মান ডকুমেন্টে একক, যদি এই পদ্ধতিটি নির্দিষ্ট elementId Element নোড, যা একটি এমন Element নোড রন্ধ্রবৃত্তভাবে ফিরিয়ে দেবে, কিংবা null。

মনতেএই পদ্ধতির নাম সহজে Id শেষে, নয় IDনা লিপ্ত!

HTML ডকুমেন্টে, এই পদ্ধতিটি সর্বদা নির্দিষ্ট id-এর অ্যাট্রিবিউট সংগ্রহ করে। কম্পিউটারের নাম নিয়ে ব্যবহার করুন HTMLDocument.getElementByName() পদ্ধতি, যেগুলির name অ্যাট্রিবিউটের মান অনুযায়ী অনুসন্ধান করে, হিসাবে HTML ইলেকট্রনিক অংশগুলি অনুসন্ধান করে।

XML ডকুমেন্টে, এই পদ্ধতিটি id ধরনের কোনও অ্যাট্রিবিউট ব্যবহার করে অনুসন্ধান করে, যেমন এই অ্যাট্রিবিউটের নাম কী হোক না।যদি XML অ্যাট্রিবিউটের ধরন অজানা হোক (যেমন একটি XML পার্সার ত্যাগ করে বা ডকুমেন্টের DTD না পায়) তবে এই পদ্ধতিটি সর্বদা null。ক্লায়েন্ট সাইড জেভাস্ক্রিপ্টে, এই পদ্ধতিটি সাধারণত XML ডকুমেন্টের সাথে ব্যবহার করা হয় না। এক্তক্ষেপে,getElementById() পদ্ধতি প্রথমদিকে HTMLDocument ইন্টারফেসের একজন হিসাবে নির্ধারিত ছিল, কিন্তু পরবর্তী 2 তম DOM-এ ডকুমেন্ট ইন্টারফেসে স্থানান্তরিত হয়েছিল。

ব্রাউজার সমর্থন

document.getElementById() এটি DOM Level 2 (2001) বৈশিষ্ট্য।

সমস্ত ব্রাউজারগুলি এটি সমর্থন করে:

চ্রোম আইই এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম আইই এডজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পৃষ্ঠা

CSS টিউটোরিয়াল:CSS গ্রামার

CSS রেফারেন্স ম্যানুয়েল:CSS #id সিলেক্টর

HTML DOM রেফারেন্স ম্যানুয়েল:HTML DOM id অ্যাট্রিবিউট

HTML DOM রেফারেন্স ম্যানুয়েল:HTML DOM Style অবজেক্ট