HTML DOM Element getElementsByTagName() পদ্ধতি
- পূর্ববর্তী পৃষ্ঠা getElementsByClassName()
- পরবর্তী পৃষ্ঠা hasAttribute()
- একটি স্তর উপরে HTML DOM Elements অবজেক্ট
অর্থ ও ব্যবহার
getElementsByTagName() মথুদা মথুদা পদ্ধতি একটি নির্দিষ্ট ট্যাগ নামের এলিমেন্ট সাব-এলিমেন্ট সংকলন ফিরিয়ে দিয়ে, NodeList মথুদা।
সুঝান:প্রমাণ্য মান "*" এলিমেন্টের সকল সাব-এলিমেন্ট ফিরিয়ে দিয়ে।
অন্যান্য পড়ার:
NodeList
NodeList সমতুল্য কোড নোড সংকলন (তালিকা)
আপনি তালিকায় নোড এর সূচক (ইনডেক্স) দিয়ে প্রবেশ করতে পারেন। সূচক ০ থেকে শুরু হয়。
length অপারেটরতালিকায় নোডের সংখ্যা ফিরিয়ে দিয়ে।
উদাহরণ
উদাহরণ ১
তালিকায় প্রথম <li> উপাদান এর HTML কনটেন্ট পরিবর্তন করুন:
const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";
উদাহরণ ২
"myDIV"-এর <p> উপাদান এর সংখ্যা:
const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;
উদাহরণ ৩
মিনি "myDIV"-এর দ্বিতীয় <p> উপাদান এর ফন্ট মাপ পরিবর্তন করুন:
const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";
উদাহরণ ৪
মিনি "myDIV"-এর সকল <p> উপাদান এর পটভূমির রঙ পরিবর্তন করুন:
const div = document.getElementById("myDIV");
const nodes = x.getElementsByTagName("P");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.backgroundColor = "red";
}
উদাহরণ ৫
মিনি "myDIV"-এর চতুর্থ উপাদান (ইনডেক্স ৩) এর পটভূমির রঙ পরিবর্তন করুন:
const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";
উদাহরণ 6
সমস্ত "myDIV" ইলেকট্রনগুলির পিছনভূমির রঙ পরিবর্তন করুন:
const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.backgroundColor = "red";
}
ব্যবহারকৃত
element.getElementsByTagName(tagname)
পারামিটার
| পারামিটার | বর্ণনা |
|---|---|
| tagname | অপরিহার্য। সাথীদের ট্যাগ নাম |
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| NodeList |
প্রদত্ত ট্যাগ নামকের ইলেকট্রনের সাথীদের ইলেকট্রনগুলি তাদের সূত্রকোডে উপস্থিতির ক্রমে ক্রমান্বয়ে সাজানো হয় |
প্রযুক্তিগত বিবরণ
getElementsByTagName() পদ্ধতি প্রদত্ত ইলেকট্রনের সাথীদের পরিদর্শন করবে, এবং Element ইলেকট্রনগুলির নিবন্ধ করা একটি আইসিওবজেক্ট (NodeList) ফিরিয়ে দেবে, যা সমস্ত প্রদত্ত ট্যাগ নামকের ডকুমেন্ট ইলেকট্রনগুলির নিবন্ধ করে। ইলেকট্রনগুলির ফিরিয়ে দেওয়া নিবন্ধের ক্রম হল তাদের ডকুমেন্ট সূত্রকোডে উপস্থিতির ক্রম।
দৃষ্টান্ত
Document ইন্টারফেসপ্রতিষ্ঠিত করে getElementsByTagName() পদ্ধতিযা এই পদ্ধতিকে অনুরূপ, কিন্তু সমস্ত ডকুমেন্টকে পরিদর্শন করে, না কোনও ইলেকট্রনের সাথীদের পরিদর্শন করে।
এই পদ্ধতিকে না মিশ্রিত করুন HTMLDocument.getElementsByName() পদ্ধতি মিশ্রিত হয়, যারটি অন্যত্র ব্যবহৃত হয়, যেটি সমস্ত ইলেকট্রনের name অ্যাট্রিবিউট মান ভিত্তিক যেকোনও ইলেকট্রন অনুসন্ধান করে, না তাদের ট্যাগ নাম ভিত্তিক।
ব্রাউজার সমর্থন
সমস্ত ব্রাউজারগুলি সমর্থন করে element.getElementsByTagName()：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা getElementsByClassName()
- পরবর্তী পৃষ্ঠা hasAttribute()
- একটি স্তর উপরে HTML DOM Elements অবজেক্ট
