জেভাস্ক্রিপ্ট এইচটিএমএল ডম সেট
- পূর্ববর্তী পৃষ্ঠা ডম নোড
- পরবর্তী পৃষ্ঠা ডম নোড লিস্ট
HTMLCollection অবজেক্ট
getElementsByTagName()
পদ্ধতি ফলাফল প্রদান করে: HTMLCollection অবজেক্ট。
HTMLCollection অবজেক্ট হল একটি ক্লাস অ্যারেইজ এবং এটি একটি এলিমেন্ট তালিকা (সংকলন)।
নিচের কোডটি ডকুমেন্টের সকল <p> এলিমেন্ট চিহ্নিত করে:
ইনস্ট্যান্স
var x = document.getElementsByTagName("p");
এই সংকলনের এলিমেন্টগুলি সূচক নম্বর দ্বারা পরিদর্শন করা যায়。
দ্বিতীয় <p> এলিমেন্ট পরিদর্শন করতে, আপনি এইভাবে লিখতে পারেন:
y = x[1];
মন্তব্য:সূচক 0 থেকে শুরু হয়。
HTML HTMLCollection দৈর্ঘ্য
length
HTMLCollection তে এলিমেন্টের সংখ্যা নির্দিষ্ট করে:
ইনস্ট্যান্স
var myCollection = document.getElementsByTagName("p"); document.getElementById("demo").innerHTML = myCollection.length;
ইনস্ট্যান্স ব্যাখ্যা:
- সমস্ত <p> ইলেকমেন্টের সংকেতসমূহ সৃষ্টি করুন
- সংকেতসমূহের দৈর্ঘ্য দেখান
length
যখন আপনি সংকেতসমূহের গুলোকে পরিবর্তন করতে প্রয়োজন, এই প্রক্রিয়াটি সহায়ক
ইনস্ট্যান্স
সমস্ত <p> ইলেকমেন্টের ব্যাকগ্রাউন্ড কালার পরিবর্তন করুন:
var myCollection = document.getElementsByTagName("p"); var i; for (i = 0; i < myCollection.length; i++) { myCollection[i].style.backgroundColor = "red"; }
HTMLCollection একটি এক্সেকিউটিভ নয়!
HTMLCollection একটি এক্সেকিউটিভ হতে পারে, কিন্তু একটি এক্সেকিউটিভ নয়。
আপনি তালিকা বার্তায় অতিবাহিত করতে পারেন এবং সংখ্যাগত উল্লেখের মাধ্যমে ইলেকমেন্টগুলোকে সূচক দ্বারা উল্লেখ করতে পারেন (একইভাবে একটি এক্সেকিউটিভ হলেও)
কিন্তু, আপনি এইচটিএমএলকলেকশনের জন্য এক্সেকিউটিভ মেথড যেমন valueOf()
、pop()
、push()
বা join()
。
- পূর্ববর্তী পৃষ্ঠা ডম নোড
- পরবর্তী পৃষ্ঠা ডম নোড লিস্ট