getElementById
getElementById() একটি DOM পদ্ধতি নির্দিষ্ট মান সহ ID বৈশিষ্ট্য আছে এমন উপাদান ফেরত দিতে ব্যবহৃত হয়। এটি HTML DOM-এর সবচেয়ে সাধারণ পদ্ধতিগুলির মধ্যে একটি এবং প্রায় প্রতিবারই ব্যবহার করা হয় যখন আমরা আমাদের নথিতে একটি উপাদান ম্যানিপুলেট করতে চাই। এই পদ্ধতিটি শূন্য প্রদান করে যদি নির্দিষ্ট আইডি সহ কোন উপাদান বিদ্যমান না থাকে। আইডি একটি পৃষ্ঠার মধ্যে অনন্য হতে হবে. যাইহোক, নির্দিষ্ট আইডি সহ একাধিক উপাদান বিদ্যমান থাকলে, এটি জাভাস্ক্রিপ্ট কোডের শেষ উপাদানটি প্রদান করে।
উদাহরণ-1
নিম্নলিখিত উদাহরণে, ভিতরের টেক্সট "GetElementById" এবং "এলিমেন্ট" নামক একটি আইডি সহ একটি অনুচ্ছেদ ট্যাগ বিদ্যমান। DOM পদ্ধতি "document.getElementById()" ব্যবহার করে অনুচ্ছেদ ট্যাগের ভিতরের পাঠ্যটি অ্যাক্সেস করা হয় এবং মানটি আউটপুটে প্রদর্শিত হয়। ".innerHtml" ছাড়া document.getElementById কোনো ট্যাগের ভেতরের পাঠ্য অংশ পড়তে পারে না।
<html>
<body>
<p id="element">GetElementById</p>
<script>
var s = document.getElementById("element").innerHTML;
document.write(s);
</script>
</body>
</html> আউটপুট
GetElementById GetElementById
উদাহরণ-2
নিম্নলিখিত উদাহরণে, DOM পদ্ধতি "getElementById" ব্যবহার করে আমরা মূল পাঠ্য অংশ "GetElementById" টেক্সট "Tutorix" দিয়ে প্রতিস্থাপন করেছি এবং ফলাফলটি আউটপুটে প্রদর্শিত হবে।
<html>
<body>
<p id="element">GetElementById</p>
<script>
document.getElementById("element").innerHTML = "Tutorix";
</script>
</body>
</html> আউটপুট
Tutorix
