HTML DOM getElementsByTagName() পদ্ধতিটি একটি প্রদত্ত ট্যাগ নামের ডকুমেন্টের সমস্ত উপাদানের সংগ্রহ পাওয়ার জন্য ব্যবহার করা হয়। এটি একটি NodeList অবজেক্ট হিসাবে প্রদত্ত সমস্ত উপাদান ফেরত দেয়। আপনি ইনডেক্স নম্বর ব্যবহার করে প্রত্যাবর্তিত বস্তুর যেকোনো উপাদান অ্যাক্সেস করতে পারেন।

কিছু উপাদান অপসারণ বা যোগ করার পরে বার বার getElementsByTagName() পদ্ধতিতে কল না করে HTML সংগ্রহটি DOM ট্রির সাথে সিঙ্ক থাকে৷

সিনট্যাক্স

getElementsByTagName() পদ্ধতি -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল

element.getElementsByTagName(tagname)

এখানে, ট্যাগনেম হল একটি বাধ্যতামূলক প্যারামিটার মান যা আমরা পেতে চাই এমন চাইল্ড এলিমেন্ট ট্যাগনাম নির্দেশ করে৷

উদাহরণ

আসুন getElementsByTagName() পদ্ধতি -

-এর একটি উদাহরণ দেখি

getElementsByTagName() উদাহরণ

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

নিম্নতম পরিশ্রম করতে হবে, নস্টুড এক্সারসিটেশন উল্লামকো লেবারিস নিসি ইউটি অ্যালিকুইপ এক্স ইএ কমোডো ফলাফল

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM getElementsByTagName() পদ্ধতি

চেঞ্জ বোতামে ক্লিক করলে -

HTML DOM getElementsByTagName() পদ্ধতি

উপরের উদাহরণে -

আমরা দুটি অনুচ্ছেদ তৈরি করেছি যেগুলির সাথে কোনও বৈশিষ্ট্য যুক্ত নেই -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris quipiaut quipiaut কমোডো ফলাফল

তারপরে আমরা একটি CHANGE বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে changePara() কার্যকর করবে -

changePara() পদ্ধতিটি নথি অবজেক্টে getElementsByTagName() পদ্ধতি ব্যবহার করে nodeListObject হিসাবে

উপাদান উভয়ই পায় এবং এটি পরিবর্তনশীল p-এ বরাদ্দ করে। সূচক সংখ্যা ব্যবহার করে আমরা প্রথম অনুচ্ছেদের পাঠ্য পরিবর্তন করি এবং দ্বিতীয় অনুচ্ছেদে কিছু স্টাইল প্রয়োগ করি -

ফাংশন পরিবর্তনPara() { var p =document.getElementsByClassName("PARA1"); p[0].innerHTML ="এই লেখাটি পরিবর্তন করা হয়েছে"; p[1].style.color ="লাল"; p[1].style.backgroundColor ="হলুদ";}