HTML DOM getElementById() পদ্ধতি
সংজ্ঞা ও ব্যবহার
getElementById() পদ্ধতি নির্দিষ্ট ID-সহ প্রথম অবজেক্টের পতাকা ফিরিয়ে দেয়。
সংজ্ঞা
document.getElementById(id)
ব্যাখ্যা
HTML DOM একাধিক এলিমেন্টকে চিহ্নিত করার পদ্ধতি নির্দিষ্ট করে, getElementById() ছাড়াও, getElementsByName() এবং getElementsByTagName() রয়েছে।
তবে, যদি আপনি ডকুমেন্টের একটি নির্দিষ্ট এলিমেন্টকে চিহ্নিত করতে চান, তবে সর্বাধিক প্রভাবশালী পদ্ধতি getElementById()।
কিছু নির্দিষ্ট ডকুমেন্ট এলিমেন্টটি অপারেশন করার সময়, সেই এলিমেন্টকে একটি id এট্রিবিউট দিয়ে একটি (ডকুমেন্টে) অভিন্ন নাম নির্দিষ্ট করা সবচেয়ে ভালো। তারপর সেই ID-এর মাধ্যমে সেই এলিমেন্টটি চিহ্নিত করতে পারবেন。
ইনস্ট্যান্স
উদাহরণ 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">এটা একটি শিরোনাম</h1>
<p>শিরোনামের ওপর ক্লিক করে তার মূল্য অলোচনা করুন</p>
</body>
</html>
উদাহরণ 2
getElementById() একটি গুরুত্বপূর্ণ পদ্ধতি হল, DOM ডিজাইনিংয়ে, এটা অত্যন্ত সাধারণভাবে ব্যবহৃত হয়।আমরা একটি টুলফাংশন পরিভাষা করেছি যাতে আপনি getElementById() পদ্ধতিকে একটি কম দীর্ঘ নাম দিয়ে ব্যবহার করতে পারেন:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
এই ফাংশন এলিমেন্টের ID-কে তাদের পারামিটার হিসাবে গ্রহণ করে।এমন প্রত্যেকটি পারামিটারের জন্য, আপনি যদি ব্যবহার করার আগে x = id(x) লিখেন, তবে এটা করতে পারেন。
