HTML DOM Document getElementsByTagName() মথুদ

অর্থ ও প্রয়োগ

getElementsByTagName() মথুদ ফিরিয়ে দেয় যা নির্দিষ্ট ট্যাগ নামের সমস্ত মেম্বার ধারণ করে

getElementsByTagName() মথুদ ফিরিয়ে দেয় HTMLCollection.

getElementsByTagName() প্রকৃতি পড়াশোনা করুন: অবজেক্ট পড়াশোনা করা যায় না।

মন্তব্য:getElementsByTagName("*") ডকুমেন্টের সমস্ত মেম্বারগুলো ফিরিয়ে দেয়।

HTMLCollection

HTMLCollection এটি একটি হ্যান্ডল অবজেক্টের সমষ্টি (তালিকা) যা HTML মেম্বার।

সংগ্রহের মেম্বারগুলোকে বিন্দুস্থান দিয়ে প্রত্যাহার করা যায় (0 থেকে শুরু করে)।

length প্রকৃতি প্রত্যাহার করুন: সংগ্রহের মেম্বারগুলোর সংখ্যা।

অন্যান্য পরিচিতি:

getElementById() মথুদ

getElementsByClassName() মথুদ

querySelector() মথুদ

querySelectorAll() মথুদ

HTMLCollection অবজেক্ট

প্রকল্প

উদাহরণ 1

ট্যাগ নাম "li"-র সমস্ত মেম্বারগুলো পাওয়া নিন:

const collection = document.getElementsByTagName("li");

亲自试一试

উদাহরণ 2

ডকুমেন্টের সমস্ত মেম্বারগুলো পাওয়া নিন:

const collection = document.getElementsByTagName("*");

亲自试一试

উদাহরণ 3

ডকুমেন্টে প্রথম <p> মেম্বারের আঁতরীণ HTML পরিবর্তন করুন:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

亲自试一试

উদাহরণ 4

ডকুমেন্টে <li> মেম্বারদের সংখ্যা:

let numb = document.getElementsByTagName("li").length;

亲自试一试

উদাহরণ 5

সমস্ত <p> মেম্বারদের প্রক্ষেপণ রঙ পরিবর্তন করুন:

const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

亲自试一试

语法

document.getElementsByTagName(tagName)

参数

参数 描述
tagName 必需。元素的标记名。

返回值

类型 描述
对象

HTMLCollection 对象。

拥有指定标签名称的元素的集合。

按照元素在文档中出现顺序进行排序。

技术细节

该方法将返回 NodeList 对象（可以作为只读数组处理），该对象存放文档中拥有指定标签名的所有 Element 节点，它们存放的顺序就是在源文档中出现的顺序。

NodeList 对象是“活的”，即如果在文档中添加或删除了具有指定标签名的元素，它的内容会自动进行必要的更新。

HTML 文档不区分大小写，所以可以用任意的大小写形式指定 tagNameএটা ডকুমেন্টের সকল সমান নামভুক্ত ট্যাগগুলির সাথে মিলবে, যেমন সেগুলি সূত্রভুক্ত ডকুমেন্টে কোনও হাইপারফর্ম্যাটিং ফর্মের সাথে কোনও বৈধতা অথবা না। কিন্তু XML ডকুমেন্টগুলির বৈধতা সমানভাবে পরিবর্তনশীলtagName শুধুমাত্র সূত্রভুক্ত ডকুমেন্টের নাম এবং হাইপারফর্ম্যাটিং ফর্মের সাথে সময়োপযোগী চিহ্নিত ট্যাগগুলির সাথে মাত্র মাত্র মিলবে।

পরামর্শ:Element ইন্টারফেস একটি সমান নামভুক্ত পদ্ধতি নির্ধারণ করে, যা শুধুমাত্র ডকুমেন্টের সাবগ্রাহকদের অনুসন্ধান করে। এছাড়া, HTMLDocument ইন্টারফেস নির্ধারণ করে getElementByName() পদ্ধতিএটা name অ্যাট্রিবিউটের মানের ভিত্তিতে এলিমেন্ট অনুসন্ধান করে (লেবেল নামের পরিবর্তে)।

ব্রাউজার সমর্থন

document.getElementsByTagName() তা DOM Level 1 (1998) বৈশিষ্ট্য।

সমস্ত ব্রাউজারগুলি সমর্থন করে:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পৃষ্ঠা

JavaScript রেফারেন্স ম্যানুয়েল：element.getElementsByTagName()

JavaScript টিউটোরিয়াল：JavaScript HTML DOM নোড তালিকা